Пример
Воспроизвести аудиофайл:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Ваш браузер не поддерживает аудио тег.
</audio>
Попробуйте сами »
Определение и использование
Тег <audio> используется для встраивания звукового контента в документ, такого как музыка или другие аудиопотоки.
Тег <audio> содержит один или несколько тегов <source> с разными аудиоисточниками. Браузер выберет первый источник, который он поддерживает.
Текст между тегами <audio> и </audio> будет отображаться только в браузерах, которые не поддерживают элемент <audio>.
В HTML поддерживаются три формата аудио: MP3, WAV и OGG.
Поддержка форматов аудио браузерами
| Браузер | MP3 | WAV | OGG |
|---|---|---|---|
| Edge / IE | ДА | ДА* | ДА* |
| Chrome | ДА | ДА | ДА |
| Firefox | ДА | ДА | ДА |
| Safari | ДА | ДА | НЕТ |
| Opera | ДА | ДА | ДА |
*С Edge 79
Советы и примечания
Совет: Для видеофайлов посмотрите тег
<video>.
Поддержка браузерами
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| autoplay | autoplay | Указывает, что аудио начнёт воспроизводиться, как только будет готово |
| controls | controls | Указывает, что должны отображаться элементы управления аудио (такие как кнопка воспроизведения/паузы и т.д.) |
| loop | loop | Указывает, что аудио будет начинаться заново каждый раз по окончании воспроизведения |
| muted | muted | Указывает, что аудиовыход должен быть приглушён (без звука) |
| preload | auto metadata none |
Указывает, как, по мнению автора, аудио должно загружаться при загрузке страницы |
| src | URL | Указывает URL аудиофайла |
Глобальные атрибуты
Тег <audio> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <audio> также поддерживает Атрибуты событий в HTML.
Связанные страницы
Справочник HTML DOM: HTML Audio/Video DOM Reference
Стили CSS по умолчанию
Отсутствуют.