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