HTML5 Аудио
Аудио в Интернете
До HTML5 звуковые файлы могли воспроизводиться только в браузере с подключаемым модулем (например, Flash).
Элемент HTML5 <audio> указывает стандартный способ встраивания звука в веб-страницу.
Поддержка браузера
Номера в таблице указывают первую версию обозревателя, полностью поддерживающую элемент <audio>.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Элемент HTML <Audio>
Чтобы воспроизвести звуковой файл в формате HTML, используйте элемент <audio>:
Пример
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
HTML аудио-как это работает
Атрибут controls добавляет элементы управления звуком, такие как воспроизведение, пауза и громкость.
Элемент <source> позволяет указать альтернативные аудиофайлы, которые могут быть выбраны обозревателем. Браузер будет использовать первый распознанный формат.
Текст между тегами <audio> и </audio> будет отображаться только в обозревателях, не поддерживающих элемент <audio>.
Поддержка аудио-браузеров HTML
В HTML5 есть 3 поддерживаемых аудио форматов: MP3, WAV и OGG.
Поддержка браузера для различных форматов:
| Browser | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | Да | Нет | Нет |
| Chrome | Да | Да | Да |
| Firefox | Да | Да | Да |
| Safari | Да | Да | Нет |
| Opera | Да | Да | Да |
Типы аудио-носителей HTML
| Формат файла | Тип Медиа |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
Аудио-методы, свойства и события HTML
HTML5 определяет методы, свойства и события DOM для элемента <audio>.
Это позволяет загружать, воспроизводить и приостанавливать аудио, а также задавать длительность и громкость.
Есть также события DOM, которые могут уведомить вас, когда звук начинает играть, приостановлено и т.д.
Для полной справки по тегам перейдите к нашей справка аудио/видео в формате HTML5.
Теги аудио HTML5
| Тег | Описание |
|---|---|
| <audio> | Определяет звуковое содержимое |
| <source> | Определяет несколько мультимедийных ресурсов для элементов мультимедиа, таких как <Video> и <Audio> |