1.3.3 Озвучивание Web-страницы, внедрение аудиофайлов
Звук на странице играет достаточно существенную роль, он создает эффект присутствия и не занимает места на экране. Внедрение звука делает страницу «живой», интересной. Однако, при размещении аудиофайлов следует учитывать, что они имеют большой объем и длительное время загрузки.
Существуют несколько распространенных форматов звуковых файлов, используемых в WWW:
WAV (Waveform Audio – «звук в форме волны», расширение .wav) – стандартный, популярный формат цифрового звука.
MIDI (Musical Instrument Digital Interface – «цифровой интерфейс музыкальных инструментов», расширение .midi) – формат не содержит никакой музыкальной обработки и представляет собой просто запись набора нот.
MP3 (MPEG Audio Layer 3, расширение .mp3) – формат отличается высокой степенью сжатия данных за счет некоторого ухудшения качества звука.
При создании страниц можно использовать либо звуковой фон, либо внедрение звукового файла. Применение звукового фона самый простой путь озвучивания страницы. Для этого используется тег <BGSOUND>, который имеет перечень атрибутов, приведенных в таблице 5.
<BGSOUND SRC="URL-адрес">.
Однако звуковой фон лишает возможности пользователя управлением звуком. Управлять звуком можно, если встроить на страницу аудиоплейер. Это осуществляется с помощью тега <EMBED>, который размещается внутри тега <BODY>.
<EMBED SRC="URL-адрес ">.
Тег <EMBED> также имеет собственные атрибуты, характеристика которых отображена в таблице 5.
Таблица 5 – Атрибуты и их значения для тегов звуковых эффектов
Название тега |
Название атрибута |
Значения атрибута |
Назначение тега или атрибута |
1 |
2 |
3 |
4 |
<BGSOUND> |
|
|
Тег внедрения звукового файла |
|
LOOP |
целое число; "infinite"- повторение, пока пользователь находится на странице; |
Определяет количество воспроизведений |
VOLUME |
число в диапазоне (-10000;0) |
Назначает уровень воспроизведения звука |
|
BALANCE |
число в диапазоне (-10000;10000) |
Настраивает стереобаланс |
|
<EMBED> |
|
|
Тег встраивания в страницу аудиоплеера |
|
WIDTH |
число; процент |
устанавливает ширину панели управления проигрывателя |
HEIGHT |
число; процент |
устанавливает высоту панели управления проигрывателя |
|
|
|
|
|
|
|
|
|
Продолжение таблицы 5 |
|||
1 |
2 |
3 |
4 |
|
AUTOSTART |
false – включение звука пользователем; true – автоматическое включение; |
назначает способ включения звука
|
HIDDEN |
false – отображает панель; true – не отображает панель; |
управляет отображением панели проигрывателя |
|
Пример HTML-кода, внедряющего аудиофайл:
<HTML>
<HEAD>
<TITLE>Использование звука на Web-страницах</TITLE>
</ HEAD>
<BODY bgcolor="red" topmargin=14 leftmargin=34 bottommargin=14 rightmagin=14>
<FONT face="Arial, Arial Cyr" color="white"> <H2 align="center">Пример внедрения аудиофайла</H2>
<HR color="lime" widht ="66%" size=10>
<EMBED src="C:\WINDOWS\Media\flourish.mid" autostart=false align=right> </EMBED> <!—внедрение аудиофайла при возможности включения звука пользователем, выравнивание панели проигрывателя по правому краю страницы-->
</BODY>
</HTML>
Вид полученной страницы представлен на рисунке 9.
Рисунок 9 - Вид Web-страницы с внедренным аудиофайлом