Тег audio в HTML5
- Подробности
- Категория: HTML - при создании сайтов
- Просмотров: 1202
Тег 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 - в буфер будет подгружаться только служебная информация, о времени файла и тд.