>

>

В этом примере четыре уровня постепенной деградации.

1. Браузер поддерживает элемент >audio и формат Ogg Vorbis.

2. Браузер поддерживает элемент >audio и формат MP3.

3. Браузер не поддерживает элемент >audio, но в нем установлен Flash-плагин.

4. Браузер не поддерживает элемент >audio, и в нем не установлен Flash-плагин.

Модель содержимого элемента >audio очень удобна для предоставления «запасного варианта» содержимого. Запасное содержимое – не то же самое, что содержимое для технологий специальных возможностей.

Предположим, что вместе с аудиофайлом идет его транскрипция. Вот так не нужно размечать эти данные:

>

>

>

>

I am a lineman for the county…

>

Транскрипция в этом примере будет видна только тем браузерам, которые поддерживают элемент >audio. Размечать незвуковое содержимое таким образом никак не поможет глухому пользователю с хорошим браузером. Кроме того, так называемое содержимое для технологий специальных возможностей часто полезно для всех – так что зачем его прятать?

>

>

>

>

>

I am a lineman for the county…

Если родное для браузера воспроизведение аудио – это воодушевляюще, то перспектива родного отображения видео в браузере заставляет веб-разработчиков пускать слюнки от нетерпения. По мере того как пропускная способность интернет-каналов возросла, видеосодержимое начало становиться все более и более популярным. Сейчас главная технология для показа видео в вебе – Flash-плагин. Но HTML5 может все это изменить.

Элемент video работает примерно так же, как элемент >audio. У него есть необязательные атрибуты >autoplay, >loop и >preload. Вы можете указать расположение видеофайла либо через атрибут >src элемента >video, либо с помощью элементов source, вложенных внутри открывающих и закрывающих тегов >. Вы можете разрешить браузеру отобразить пользовательский интерфейс с помощью атрибута >controls или написать свои собственные управляющие элементы.

Главная разница между аудио– и видеосодержимым состоит в том, что фильмы по своей природе будут занимать больше места на экране, поэтому, скорее всего, вам стоит определить размеры элемента:

>

>

Вы можете выбрать подходящее изображение для видеофайла и указать браузеру, что нужно его отобразить, через атрибут poster (рис. 3.07):

>

>

^{>Рис. 3.07. Через атрибут poster показывается картинка-заполнитель}

Поле битвы конкурирующих видеоформатов «залито кровью» еще сильнее, чем в мире аудио. Из больших игроков нужно назвать MP4 – по уши увязшего в патентах – и Theora Video (здесь все проще). И снова вам нужно будет указать альтернативные форматы и содержимое, которое выводится в том случае, если HTML5 video не поддерживается: