Мультимедиа на web–странице

Озвучивание Web-страницы

Существует два способа обращения к мультимедиа-файлам: с помощью элемента привязки <А>, либо с применением специальных тегов.

Элемент привязки <А>. Этот элемент предназначен для задания ссылки на другой файл (в том числе и мультимедийный). Например,

<А href="http: // TravelDev. com/video/MiddleSeaAcuba. avi">

Текст гиперссылки

</А>

После щелчка по тексту гиперссылки отобразится содержимое видеоклипа.

Специальные элементы позволяют вставлять (внедрять) мультимедиа файл в содержимое Web-страницы. Мультимедийный файл загружается одновременно с содержимым всей страницы. Это элементы <IMG>, <APPLET>, <OBJECT>, <EMBED> и <BGSOUND>.

Форматы аудиофайлов. Звуковые эффекты создаются с применением звуковых (аудио) файлов. Форматы звуковых файлов различаются способами записи и областями применения. Наиболее распространены форматы:

AU (AUdio format, "звуковой формат", расширение. au) – стандартный формат для 8-битового звука, который является одним из старейших звуковых форматов в Internet (первоначально разработан для UNIX). Размер звуковых файлов AU относительно небольшой, однако качество звука невысокое.

WAV (Waveform Audio, "звук в форме волны", расширение. wav) – стандартный формат цифрового аудио в системе Windows.

MIDI (от Musical Instrument Digital Interface, "цифровой интерфейс музыкальных инструментов", имеет расширение. midi или. mid) – формат, который не связан с реальным звуком. Этот формат содержит просто запись нот, коды музыкальных инструментов и прочую информацию, по которой синтезируется музыка.

МРЗ (MPEG Audio Layer 3, расширение. mp3). Формат МРЗ применительно к звуку отличается высокой степенью сжатия данных за счет некоторого ухудшения качества звука, незаметного на слух.

RealAudio ("реальный звук", расширение. rа) – применяется для воспроизведения с повышенным качеством звучания. Файлы этого формата поддерживают поток звуковых данных, то есть они могут воспроизводиться по мере поступления данных, не ожидая окончания загрузки файла.

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

Звуковой фон (элемент BGSOUND). Подключение звукозаписи в фоновом режиме обычно применяется для приветствий или музыкального сопровождения. Как только пользователь загрузит страницу, начнется автоматическое воспроизведение фонового звука. Для подключения звукового файла в фоновом режиме применяется элемент <BGSOUND>. Формат тега:

<BGSOUND src=”URL”

loop=значение

volume=значение

balance=значение>

Атрибут src задает URL-адрес звукового файла.

Атрибут loop определяет, сколько раз будет воспроизводиться файл. Например, тег <BGSOUND src="music. mp3" loop=5> означает, что звуковой файл duet будет воспроизведен 5 раз. Если loop="infinite", звук будет повторяться до тех пор, пока пользователь находится на странице.

Атрибут volume назначает уровень воспроизведения звука и может принимать числовые значения от - 10000 до 0. Можно только "приглушить" звучание, а увеличить уровень воспроизведения звука выше максимального уровня (значение 0) нельзя.

Атрибут balance – настройка стереобаланса. Значения этого атрибута выбираются из диапазона чисел от - 10000 до 10000. Назначение любого крайнего значения (-10000 или 10000) приводит к звучанию только одного динамика. Введение тега

<BGSOUND src="duet. mid"

loop=infinite

volume=0

balance=0>

приведет к звучанию файла duet. mid с максимальным уровнем звука и нормальным стереобалансом. Звучание будет продолжаться от момента загрузки до тех пор, пока пользователь находится на данной странице.

Внедрение аудио (элемент EMBED). Звуковое сопровождение в фоновом режиме лишает посетителя страницы возможности управления звуком. Управлять звуком можно, если на Web-страницу встроить аудиоплейер с помощью тега <EMBED>, который размещается в любом месте внутри элемента BODY. Формат тега:

<EMBED src=”URL”

width=”значение”

height=”значение”

autostart=”значение”

hidden=”значение”

title=”Всплывающая подсказка”>

Атрибут src задает URL звукового файла.

Атрибуты width и height устанавливают размеры панели управления проигрывателя (ширину и высоту); значения этих атрибутов указываются в пикселах или в процентах.

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

Атрибут hidden используется для управления отображением панели проигрывателя. Значение true этого атрибута задает воспроизведение звука без отображения панели проигрывателя, а значение false – вывод панели на экран.

Атрибут title служит для задания всплывающей подсказки.

Внедрение видео

Форматы видеофайлов:

MPEG (Moving Picture Expert Group – "группа экспертов по движущимся изображениям", расширение. mpg или. mpeg) – предназначен для сжатия как аудио-, так и видеофайлов. Этот формат обеспечивает высокое качество и является своего рода стандартом в цифровом видео. Однако файлы этого формата имеют большой размер, и работать с ними трудно.

AVI (Audio Video Interleaved – "перемежающиеся аудио и видео", имеет расширение. avi) – применяется в системе Windows для хранения и воспроизведения аудио - и видеоданных.

QuickTime (имеет расширения. mov или. qt) – наиболее популярный видеоформат, разработанный компанией Apple. Этот формат не требует длительной загрузки по сети, обеспечен множеством модулей.

Внедрение видео (элемент EMBED). Простейшим способом размещения видео является использование тега <EMBED>. Форма его записи, атрибуты и допустимые значения атрибутов такие же, как и в случае вставки аудиофайлов. Например,

<EMBED src="flyover. avi">

В результате загрузки видеофайла в окне броузера Internet Explorer появится панель проигрывателя Windows Media с набором управляющих кнопок и начнется воспроизведение видеоклипа.

8.3 Использование элемента IMG по воспроизведению видео. При просмотре страницы в Internet Explorer для вставки видеоклипа можно воспользоваться элементом <IMG>. Для этого вместо атрибута src в тег <IMG> нужно подставить атрибут dynsrc, значением которого является URL видеофайла.

<IMG dynsrc="flyover. avi">

При внедрении видео с помощью элемента <IMG> панель управления проигрывателя на экран не выводится (по умолчанию).

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

start – определяет момент начала включения клипа. Если присвоить этому атрибуту значение fileopen, воспроизведение начнется сразу после загрузки видеофайла. Если присвоить значение start="mouseover", видео будет запущено при наведении на изображение указателя мыши;

loop – задает число воспроизведений видеофайла. Если значение этого атрибута равно infinite (или - 1), видео будет циклически повторяться все время, пока пользователь находится на странице;

loopdelay – устанавливает время задержки (в миллисекундах) перед началом воспроизведения;

controls – управляет отображением панели проигрывателя (по умолчанию панель управления не отображается).

Гиперссылки на видео. Задание гиперссылки на видеофайл ничем не отличается от формирования любых других ссылок. Например,

<А href=”speed. avi”>

<IMG src=”ski. gif”

title=”Для просмотра щелкните по пиктограмме”>

</А>

Фреймы