ТРИДЦАТЬ ПЕРВЫЙ УРОК



Звук или какофония голых теток

Ко мне часто приходят письма с просьбой научить вставлять на страничку звук. И такой простой вопрос ставил меня просто в тупик. Ответить кратко - все равно, что ничего не ответить. Ответить полно и ясно - значит в письме объяснить целый урок. И я предлагала всем страждущим потерпеть немного или обратиться к другим учителям.

Но вот, наконец настал тот день, когда я могу поведать миру о звуке. Так что думаю, кто еще не знал до сих пор, как это сделать, тот припеваючи сможет не только сам сделать музыкальную страничку, но и надоесть другим своими советами "как, куда и зачем".

Итак, звук. Звуки они бывают разными. Это может быть и просто фоновое звуковое сопровождение. Например, вы загрузили какую-то страничку в надежде спокойно отдохнуть и насладиться чудесными видами моря с обнаженными красотками на берегу в то время, как строгий шеф отвернулся к окну, а вместе с шумом прибоя и толпой голых теток в ваш офис врывается рок-группа с металлистами и барабанщиками. А кнопки, чтобы выключить эту вот кокофонию нету. Думаю, шеф забудет зачем выглядывал в окно, думаю, он для начала подпрыгнет от неожиданности, потом возьмет себя в руки и мееееедленной походкой подойдет к вам, чтобы убедиться лишний раз в вашей профпригодности.

А еще можно сделать анимацию со звуком. Прикиньте, сидит собачка, смотрит на вас, машет хвостиком и гавкает, гавкает! Весело, правда? Можно сделать, чтобы она брехала сама по себе, а можно только при нажатии на эту собачку или на кнопку с надписью "голос!".

А еще можно установить аудио в режиме реального времени. Вот зашел посетитель на ваш сайт и вдруг вспомнил, что он не слышал прогноза погоды, и он, конечно удрал бы сразу к радиоприемнику! Потому как некоторые без прогноза погоды на улицу не выйдут! Но только не в этот раз! Потому как у вас - вот, пожалста! Есть кнопка, а на ней надпись "Чудик, жми сюды, узнаешь нужен ли тебе сегодня зонтик". И разве куда этот посетитель уйдет? Да он ваще останется жить на вашем сайте! Зачем ему куда-то уходить, когда у вас все есть?

Ну, а про разные выкрутасы по установке внешних проигрывателей и загрузке всяких там музыкальных файлов я вообще молчу, потому как говорить об этом можно бесконечно! А ведь мне еще нужно объяснить как все это нужно устанавливать. Так что прекращаю болтать глупости, так что даже и не просите!

Да! Еще забыла... Вы же можете записать свой голос! Спеть песенку, записать ее и поместить на собственный сайт. Тогда уж точно вас никто не упрекнет в плагиате, потому что все, что вы вякнете - это ваше личное. И никто не сможет это у вас отнять. Даже копирайтик можете поставить. Чтоб не повадно было некоторым.

Если я что и забыла, то обязательно добавлю в процессе урока. Звуки можно считывать, оцифровывать или создавать прямо на компьютере. Сложно это или просто? Все зависит от того, что вы собираетесь делать. Если просто квакнуть в микрофон - это одно, а если написать симфонию - согласитесь, это немного другое.

Хочу предупредить особо - быть предельно осторожным с авторскими и другими правами. Если вам захочется поместить музыку с компакт-диска и растиражировать его на своем сайте, то вряд ли автору этой музыки может понравиться такое ваше стремление нести культуру в массы. На сайте www.copyright.ru вы можете почитать подробно о законах, охраняющих авторские права.


Создание звуковых файлов небольших размеров-

Если вы такой неугомонный, и решили все-таки поместить музыку на свой сайт, то должны знать, что многие звуковые файлы имеют громадные размеры. Поэтому вам придется выбирать не только формат файла, но и коэффициент его сжатия. И добиться того, чтобы музыка была похожа на музыку, а не на хрипение или там шипение, и загружалась быстро.

Вообще, на качество звучания влияют две величины - частота дискретизации и глубина звука.

Частота дискретизации влияет на диапазон оцифрованного звука и определяет высокие и низкие тона. Измеряется в килогерцах. Файлы, записанные с применением более высокой частоты, имеют больший размер. Наиболее часто используют следующие частоты: 8 кГц, 11 кГц, 22,05 кГц, 44,1 кГц и 48 кГц. Некоторые звуки воспроизводятся хорошо и при низкой частоте дискретизации. Например, речь, которая не зависит от диапазона воспроизводимых частот.

Разрешение дискретизации (или, проще говоря, глубина звука) определяет диапазон звука в отношении его верхних и нижних тонов. Чем больше разрешение - тем больше размер файла. Прям как и в изображении! При редактировании можно выбирать разрешение дискретизации. Поскольку при невысокой частоте появляется шум, то для каждого элемента необходимо определить минимальное разрешение, которое можно установить, не доводя слушателей до белого каления. Существуют следующие значения разрешения дискретизации: 8-разрядный моно; 8-разрядный стерео; 16-разрядный моно и 16-разрядный стерео.

Как правило, при первом оцифровывании звука его следует записывать при 16-разрядном разрешении и частоте 44,1 кГц. Ну, а далее, в процессе обработки с помощью программ редактирования звука, разрешение дискретизации можно уменьшить до 8 битов, а частоту - до 22, 05 кГц. А можно и вообще свести к нулю и дать возможность посетителям отдохнуть в тишине...

 


Невредные советы

Существуют разные программы для преобразования файлов между различными форматами. Примером может служить программа Premiere. И вот какие могут быть советы:

  • Оцифровывать звук следует при стандартных параметрах (44 кГц и 16 битов). При необходимости можно уменьшеть размер файла до 22 или 11 кГц. Как правило, при более низких частотах дискретизации "обрезаются" высокие тона, и звук становится глухим. Для речи или звуков, для которых высокие частоты не имеют особого значения, снижение частоты дискретизации приводит к созданию файлов небольшого размера при приемлимом качестве звучания.
  • Снижение в два раза частоты дискретизации уменьшает файл вдвое. Кроме того, переход звучания от стерео- к монозвучанию также уменьшает файл вдвое.
  • Если размер 16-разрядного звукового файла слишком велик, можно применить алгоритм сглаживания. В результате уменьшается размер дискретизации до 8 битов. Однако, применение сглаживания приводит к появлению шума, который особенно заметен в паузах.
  • Из-за этого шума не рекомендуется применять сглаживание звуковых файлов, содержащих речь. Однако для тяжелого рока или техно это будет вполне оправдано. Там и без того грохота хватает. Если не сглаживать не получается, но очень хочется, можно пойти по другому пути - повторно отцифровать 16-разрядный файл путем их воспроизведения при 16 битах и 44,1 кГц и записи с помощью цифрового преобразователя при 8 битах. Во многих случаях этот способ дает более качественное звучание.
  • В наименовании звуковых файлов не должны содержаться пробелы. Длина файлов не должна быть более 8 символов, а расширение и того меньше - не более трех символов. В противном случае пользователи платформ с Windows останутся глухи к вашим потугам.
  • Редактирование звука (перевод со стерео на моно, фильтрацию, нормализацию, ограничение уровня звука, а также уменьшение разрешения дискретизации) необходимо проводить до преобразование его в 8-битный. При редактировании 8-разрядного звука появляется "электронный шум", поэтому редактирование лучше проводить в файле с более высоким разрешением дискретизации еще до его уменьшения.

Вы спросите, откуда я это все знаю? Да из учебников! Не сама же я все это придумала! Тем более, мне вообще медведь на ухо наступил. И я ни в жизнь не различу "до" и "ре", если мне этого никто не укажет.

Ну, а теперь расскажу, наконец, как же нам впихнуть наши звуки на html-страничку...


Как вставить звук на html-страничку

Если Вы дочитали до этого места, то, значит, вас уже ничто не остановит. И мне не останется ничего другого, как раскрыть эту тайну. Чтобы ваши вопли слушал весь мир. Надеюсь, он не оглохнет.

Знаете, вы будете смеяться, но звук в страничку вставляется точно также как и картинка. Только картинка имеет разрешение jpg или gif, а звуковой файл - разрешение тех форматов, которые я указала выше в таблице.

Вот я скачала файл Vernisaj.wav с музыкой "Ах, вернисаж" и поместила его в отдельную папку со звуками "sound" и напишу следующую строчку:

<a href="sound/Vernisaj.wav">Ах, вернисаж</a>

Вот что получится в окне браузера и если хотите послушать музыку, нажмите на ссылку:

Ах, вернисаж

А помните, я вам говорила про собачку, на которую можно нажать и она начнет гавкать? Я вот хоть и не художник, а изобразила что-то похожее на собаку (рис. 148):


Рис. 148. Просто собака

Посмотреть на эту собаку - так покажется, что она просто икает. И чтобы заставить ее гавкать я купила диск "1100 новейших профессиональных сэмплов" и отыскала там подходящий лай под файлом "Dog.wav", сохранила его в своей папочке "sound" и написала следующую строчку:

<a href="sound/Dog.wav"> <img src="image/ris148.gif"></a>

А теперь тыкните на собачку (рис. 149), только смотрите чтоб она вашу тыкалку не откусила!


Рис. 149. Собака бывает кусачей...

А если вы боитесь тыкать в незнакомую собаку, вы можете управлять ею командой. Напишем эту команду на другой кнопочке, которую я нарисую и назову "golos.jpg".

Тогда код у нас будет такой:

<img src="image/ris148.gif"> <br> <a href="sound/Dog.wav"> <img src="image/golos.jpg"></a>

И вот вам результат!


В предыдущих случаях мы заставляли звук включаться по команде. Но ведь можно сделать так, чтобы музыка была фоном! Чтобы посетитель, хочет или не хочет этого слушал то, что мы ему хочем напеть на ушко. И это тоже можно сделать очень просто! Правда, действовать он будет только в Explorer, да и то начиная только со 2 версии. Остальные - отдыхают!

Для простоты понимания я возьму тот же файл Vernisaj.wav и размещу его следующим образом:

<BGSOUND SRC="sound/Vernisaj.wav">

Как видите, в этом случае музыка проиграла один раз и остановилась? Но если вам этого мало, если вы думаете, что посетителю хочется еще раз послушать эту музыку, вы можете дать ему эту возможность! Вы даже решите, что пусть эта музыка играет подряд 3 раза! И тогда перепишете слегка код:

<BGSOUND SRC="sound/Vernisaj.wav" LOOP=3>

И будьте уверены, он будет прослушает эту музыку три раза!

Но если вам и этого мало, и вы захотите довести беднягу до белого каления, то можете смело написать строчку:

<BGSOUND SRC="sound/Vernisaj.wav" LOOP=INFINITE>

И будьте уверены! Эта музыка будет его преследовать днем и ночью. Только умоляю вас, не говорите ему, кто вас этому научил!!!

А еще есть два интересных атрибута volume и balance. Первый отвечает за уровень воспроизведения звука, а второй - за стереобаланс. Volume может принимать значения от -10000 до 0. То есть его нельзя сделать громче, чем он есть, но вот приглушить - запросто! Balance - возможные значения от -10000 до 10000. Если мы выберем крайнее значение, то это приведет к тому, что будет звучать только один динамик.

Так что если мы напишем:

<BGSOUND SRC="sound/Vernisaj.wav" LOOP=10 VOLUME=0 BALANCE=0> То услышим этот файл ровно 10 раз при максимальном звучании и нормальном стереобалансе.

Ну, а как же наивные посетители Netscape? Что ли они не хотят глохнуть? Дадим же им эту возможность! Напишем следущее:

<EMBED SRC="Vernisaj.wav" avtostart=TRUE hidden=TRUE> <NOEMBED> <BGSOUND="Vernisaj.wav"> </NOEMBED> </EMBED>

Этим самым EMBED мы встроили в нашу страничку аудиоплейер. Этот элемент был введен впервые компанией Netscape, и с тех пор он поддерживается большинством браузеров, в том числе и Explorer. И вот, когда наша страничка будет загружаться, браузер, наткнувшись на EMBED подумает-подумает, да и загрузит панель проигрывателя с разными кнопками. А потом и звук запустит. И что радует, можно установить свои размеры (ширина и высота) этого проигрывателя с помощью атрибутов width и height, хочешь в пикселах, а не хочешь - в процентах.

Также есть атрибут autostart, который может принимать значения либо false (звук тогда включает пользователь), либо true, когда музыка начинает проигрываться сразу при открытии странички.

Ну, и последний атрибут - hidden. Если он имеет значение false, то панель выводится на экран, в противном же случае (true) - панель не видна, а значит попытки пользователя вырубить вашу музыку - тщетны. И у него только два пути - либо уйти со странички по-добру, по-здорову, либо попытаться найти создателя этого творения. И поговорить с ним "по душам".

А вот и примерчик:

<EMBED src="sound/vernisaj.mp3" width="300" height="50" autostart="false" title="Вернисаж"> </EMBED>

А вот и результат этого примерчика:

Ваш браузер не поддерживает аудио

Ну вот, самое простецкое я вам рассказала. Я не собираюсь превращать этот урок в музыкальный салон. Во-первых, я не чувствую себя докой в этом деле, а во-вторых, нужно и другими уроками заняться. А в-третьих, боюсь увлечься этим делом и свихнуться. Всякое бывает. Поэтому я просто дам вам ссылки и вы, если уверены в своей психике, можете сами во всем разобраться.

Итак,

QuickTime

Технология QuickTime позволяет скрывать клипы от просмотра или выводить на экран элементы управления. Файлы, совместимые со стандартами MIDI, идеально подходят для потокового звука.

Macromedia Director/Streaving Audio

Приложение Director является самым старым инструментом, предназначенным для создания мультимедиа-эффектов. Подключаемый модуль для Web-браузеров, Shockwave позволяет просматривать на Web-страницах содержимое файлов Director. Подключаемый модуль Shockwave поддерживает потоковую передачу звуковых файлов. Для создания потокового звукового файла необходимо научиться работать с Director, а также запрограммировать необходимые действия, воспользовавшись запатентованным языком программирования Lingo. Более подробная информация относительно Director, Shockowave и Lingo находится на сайте компании www.macromedia.com

RealAudio

Технология RealAudio является самой старой и наиболее широко известной технологией внедрения звуковых файлов в Web. В этом случае используется три компонента:

  • Проигрыватель RealAudio воспроизводит файлы в формате RealAudio
  • Кодер RealAudio кодирует файлы в формате RealAudio
  • Сервер RealAudio передает файлы в формате RealAudio

Для прослушивания файлов в формате RealAudio необходимо, чтобы в системе был установлен проигрыватель RealAudio. Для создания файлов в формате RealAudio следует выполнить преобразование звуковых файлов в этот формат.


К списку всех уроков

(В. Ахметзянова, 2005 г)