HTML Аудио
HTML Элемент <audio> используется для воспроизведения аудиофайла на веб-странице.
Аудио в Интернете
До появления стандарта HTML5 аудиофайлы можно было воспроизводить в веб-браузере только с помощью плагина (например flash). Сейчас эта технология считается устаревшей и почти уже не используется.
HTML5 элемент <audio> определяет стандартный способ встраивания аудио в веб-страницу.
Поддержка браузерами
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает элемент <audio>.
| Элемент | |||||
|---|---|---|---|---|---|
| <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">
Ваш браузер не поддерживает элемент audio.
</audio>
Попробуйте сами »
HTML Аудио — Как это работает
Атрибут controls добавляет элементы управления звуком: воспроизведение, пауза, громкость.
Элемент <source> позволяет указать альтернативные аудиофайлы. Браузер использует первый формат, который он распознаёт.
Текст между тегами <audio> и </audio> отображается только в браузерах, которые не поддерживают элемент <audio>.
HTML Аудио — Поддержка браузерами
В HTML5 поддерживаются три аудиоформата: MP3, WAV и OGG.
Поддержка различных форматов браузерами:
| Браузер | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
HTML Аудио — Медиа‑типы
| Формат файла | MIME‑тип |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Аудио — Методы, свойства и события
HTML5 определяет методы, свойства и DOM‑события для элемента <audio>.
Это позволяет загружать, воспроизводить и ставить аудио на паузу, а также управлять длительностью и громкостью.
DOM‑события могут уведомлять вас о начале воспроизведения, паузе и других состояниях.
Полную DOM‑справку смотрите в HTML5 Аудио/Видео DOM Справочнике.
HTML5 Аудио‑теги
| Тег | Описание |
|---|---|
| <audio> | Определяет звуковой (аудио) контент |
| <source> | Определяет несколько мультимедийных ресурсов для элементов <video> и <audio> |
