Книга: HTML5 для веб-дизайнеров

Запасной вариант

Запасной вариант

Возможность указывать несколько элементов source очень удобна. Но есть браузеры, которые пока не поддерживают элемент audio совсем. Угадаете, на который браузер я намекаю?

Internet Explorer и его родню нужно кормить аудиофайлами с ложечки, по старинке, через Flash. Модель содержимого элемента audio позволяет это сделать. Все, что находится между открывающим и закрывающим тегами <audio> – и что при этом не является элементом source – будет показываться браузерам, которые не понимают элемента audio:

<audio controls>
<source src="witchitalineman.ogg» type="audio/ogg">
<source src="witchitalineman.mp3» type="audio/mpeg">

<object type="application/x-shockwave-flash"data="player.swf?soundFile=witchitalineman.mp3">

<param name="movie"value="player.swf?soundFile=witchitalineman.mp3">

</object>
</audio>

В этом примере элемент object будет доступен только тем браузерам, которые не поддерживают элемент audio.

Можно пойти еще дальше. Элемент object, включающийся при «запасном варианте», тоже предоставляет вам возможность включить содержимое. Это значит, что, если больше ничего не срабатывает, можно дать старый проверенный вариант – гиперссылку:

<audio controls>
<source src="witchitalineman.ogg" type="audio/ogg">
<source src="witchitalineman.mp3" type="audio/mpeg">
<object type="application/x-shockwave-flash"data="player.swf?soundFile=witchitalineman.mp3">
<param name="movie"value="player.swf?soundFile=witchitalineman.mp3">
<a href="witchitalineman.mp3">Скачать песню</a>
</object>
</audio>

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

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

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

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

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

Оглавление книги