Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Школа Web - пошаговые инструкции для создания сайта


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

Школа Веб - Dreamweaver
Выпуск 26 от 2001-09-20

Школа Веб Ведущий рассылки Eris

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

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

Второй способ - оцифровка и передача реальных звуков. Таким способом можно хранить любые звуки, но их качество сильно влияет на объем файла.

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

Передача больших звуковых фрагментов стала возможной благодаря реализации двух идей. Первая - это сжатие звука. Оно позволяет уменьшить объем звуковых файлов в несколько раз и таким образом сократить время на передачу файла. Вторая - это не дожидаться окончания загрузки файла, а воспроизводить его по мере поступления звукового файла (этот метод называется потоковым воспроизведением). Таким образом создается иллюзия быстрой загрузки, поскольку пользователь не знает, что музыка, которую он слушает, еще не загружена полностью на его компьютер. Впрочем, он начнет об этом догадываться, когда звук начнет воспроизводиться рывками из-за плохого канала связи. В этом недостаток потокового воспроизведения - чувствительность к качеству интернет-соединения.

В настоящее время используется довольно много форматов хранения и передачи звука. Для нас интерес могут представлять некоторые из них:

aiff большой файл стандартный формат Apple Macintosh.
wav большой файл стандартный формат Microsoft Windows
au средний файл формат от компании Sun, сейчас мало используется
mov большой файл, потоковый QuickTime -формат музыки и видео
mid очень маленький файл Хранение MIDI-музыки
rm потоковый, сжатый потоковый формат реального времени для аудио и видео.
mp3 потоковый сжатый считается общепринятым стандартом благодаря хорошему сжатию и отличному качеству
Shockwave Audio потоковый сжатый потоковый формат реального времени для аудио от компании Macromedia .

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

Давайте попробуем вставить звук на страничку. Для начала подготовьте wav или mp3-файл.

Первый способ, который можно использовать, это создать ссылку на нужный файл. При клике на эту ссылку будет вызван установленный в системе проигрыватель, ассоциированный с расширением файла и начнется проигрывание звука в этом проигрывателе. С mp3 или wav обычно ассоциируется Windows Media Player. Но если вы установили у себя RealPlayer и при установке указали его как проигрыватель по умолчанию, то будет вызван именно он. Если для данного расширения файла нет установленного плейера, то вам будет выведено окно с предложением сохранить файл на диске. Это может случиться, к примеру, если вы сделали ссылку на .rm-файл а RealPlayer у пользователя не установлен.


рис.1

Второй, более удачный способ - это установка плагина с плейером непосредственно на страничку. Делается это так. Щелкните в то место на страничке, куда вы хотите вставить плагин. Это имеет значение только в том случае, если плагин вы хотите сделать видимым. Вызовите панель объектов и на верхней вкладке выберите Special, а на ней шелкните на пиктограмке с плагином. В открывшемся диалоговои окне выберите звуковой файл, который хотели бы включить на страничку и щелкните Ok. По умолчанию получившийся плагин будет иметь размер 32х32 пиксела. Вы можете увеличить его размер по своему усмотрению. Для этого достаточно щелкнуть на вставленном на страничку плагине и за черные прямоугольники на рамке выделения изменить его размер. С помошью клавиши F12 загрузите броузер и посмотрите, что вышло. Кнопки управления на плагине дают пользователю возможность управлять проигрыванием звука.

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


рис.2

В поле Plugin вы можете вписать имя объекта для обращения к нему с помощью JavaScript, к примеру. Поля W и H задают размеры плагина а V и H Space - отступ от границ плагина до текста. Src уазывает на путь к проигрываемому файлу. Align - взаимное расположение плагина и текста (если плагин видим). Plg URL указывает адрес странички, которую необходимо предложить пользователю, если нужный плагин не установлен. Предполагается, что с этой странички можно будет загрузить нужный плагин и установить его в броузере. Border задает толщину бордюра вокруг плагина. Кнопка Play теоретически должна заставить плагин проиграться, а практически это происходит далеко не всегда. Я предпочитаю пользоваться F12 и проверять страничку непосредственно в броузере. Теперь перейдем к самому интересному. Нажмите на кнопку Parameters.Появится окно, куда можно будет ввести параметры, передаваемые плагину. В поле Parameter вводим имя параметра а в поле Value его значение. В приведенной ниже таблице приведены параметры (они выделены темно-красным цветом) и значения, которые они могут принимать (темно-синий). С их помощью вы можете управлять поведением плагина на страничке.

loop
цикл звука
TRUE
произрывать звук в цикле до тех пор, пока страничка загружена
FALSE
проиграть звук один раз и остановиться
положительное число
проиграть звук указанное число раз
autostart
старт плагина
TRUE
начать проигрывать звук автоматически сразу же после загрузки странички
FALSE
ждать пока пользователь не нажмет кнопку Play на плагине (что невозможн, если плагин невидим)
hidden
видимость плагина
TRUE
не показывать плагин пользователю
FALSE
показать плагин пользователю
volume
громкость
0-100
уровень громкости проигрывания звука
playcount
Для Internet Explorer указывает сколько раз проиграть звук; рекомендуется использовать и loop и playcount одновременно, тогда вас поймет и Эксплорер и Навигатор.
положительное число
число указывает сколько раз играть звук

Добавлять параметры в список вы можете с помощью кнопки + а удалять ненужные - с помощью кнопки -. В целом работа с плагином не вызывает затруднений.

Если вам интересно, можете взглянуть на html-тег, который вставит Dreamweaver в код вашей странички. Там должно быть что-то наподобие строк

<embed src="/snd/welcome.mp3" width="32" height="32">
</embed>

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

 



http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу
Рейтингуется SpyLog

В избранное