Тег audio в HTML5

Тег audio в HTML5 внес существенные коррективы в простоту воспроизведения аудио файлов на сайте, вернее в стройку его в код, поскольку делается все это одни тегом:

<audio src="/media/ladini.mp3"></audio>

Дополнительные параметры

1) Если добавить параметр autoplay, то аудио начнет воспроизводится сразу при открытии страницы:

<audio src="/sound.mp3" autoplay></audio>

2) Параметр loop зациклит воспроизведение:

<audio src="/sound.mp3" autoplay loop></audio>

3) Покажите людям элементы управления плеером в html5 : громкость и тд

<audio src="/sound.mp3" controls></audio>

4) Укажите браузерам правильные файлы: Mozilla mp-3 не умеет проигрывать, а играет ogg-файлы, а Safari - умеет. Поэтому можно отдельно указать, отдельные файлы:

<audio controls>
<source src="/sound.ogg">
<source src="/sound.mp3">
</audio>

Еще более правильно - будет указать Mime-тип файла:

<audio controls>
<source src="/sound.ogg" type="audio/ogg" >
<source src="/sound.mp3" type="audio/mp3" >
</audio>

 

5) Для старых браузеров лучше прописать предупреждение:

<audio controls>
<source src="/sound.ogg" type="audio/ogg" >
<source src="/sound.mp3" type="audio/mp3" >
Ваш браузер не пожжерживает тег audio!
</audio>

 

6) В HTML5 можно и буферизировать аудио файл или его элементы при помощи атрибута preload, которые может принимать следующие значения:

none - не используем буфер;

auto - используем;

metadata - в буфер будет подгружаться только служебная информация, о времени файла и тд.

 

 

 

 

Добавить комментарий


Защитный код
Обновить