logo
dronov_v_samouchitel_adobe_dreamweaver_cs5_5

Альтернативные источники

Хорошо, мы поместили на Web-страницу аудиоили видеоролик. Теперь любой посетитель сможет прослушать или просмотреть его прямо в Web-обозревателе, не устанавливая для этого никаких дополнительных программ. Так?

Так, да не совсем. Прослушать и просмотреть он сможет только в том случае, если его Web-обозреватель поддерживает форматы, в которых закодирован данный ролик. А если не поддерживает, тогда — увы...

Единственный выход из этого положения — указать в теге <AUDIO> или <VIDEO> сразу несколько мультимедийных файлов, содержащих один и тот же ролик, но закодированных в разных форматах (альтернативных источников). Web-обозреватель, оснащенный поддержкой HTML 5, просмотрит все эти файлы и выберет тот, который сможет воспроизвести.

Для указания одного файла — альтернативного источника применяется одинарный тег <SOURCE>. Этот тег помещается в теги <AUDIO> или <VIDEO>.

<AUDIO CONTROLS>

<SOURCE SRC="../media/sound.mp3"> <SOURCE SRC="../media/sound.ogg">

</AUDIO>

Здесь мы указали два аудиофайла — альтернативных источника, закодированные в форматах MP3 и OGG. Web-обозреватели, поддерживающие формат MP3 (Internet Explorer и Safari), загрузят первый файл, а Web-обозреватели, поддерживающие формат OGG (Firefox, Opera и Chrome), — второй.

Как мы уже поняли, для указания интернет-адреса файла — альтернативного источника в теге <SOURCE> применяется атрибут SRC. Этот атрибут тега является обязательным.

Отметим важную вещь — атрибут SRC в тегах <AUDIO> и <VIDEO> в этом случае не ставится. Если мы все-таки укажем его, Web-обозреватель загрузит файл, чей ин- тернет-адрес задан этим атрибутом тега, и проигнорирует теги <SOURCE>.

<VIDEO CONTROLS>

<SOURCE SRC="../media/video.mp4"> <SOURCE SRC="../media/video.ogg">

</VIDEO>