Элемент <audio>


9	12	3	10.5	3.1	3.5


3	4	11	3

Элемент <audio> (от англ. audio — звук) добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задаётся через атрибут src или вложенный элемент <source>. Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим элементом.

Список поддерживаемых браузерами кодеков приведён в табл. 1.

Табл. 1. Кодеки и браузеры
Кодек
ogg/vorbis		17	3	11.5		3.5
wav		12	3	11.5	3.1	3.5
mp3	9	12	3	15	3.1	22
AAC	9	12	3	15	3.1	22

Для универсального воспроизведения в указанных браузерах аудио кодируют с помощью разных кодеков и добавляют файлы одновременно через элемент <source>.

Синтаксис

<audio src="<адрес>"></audio>
<audio>
 <source src="<адрес>">
</audio>

	Описание	Пример
<тип>	Указывает тип значения.	<размер>
A && B	Значения должны выводиться в указанном порядке.	<размер> && <цвет>
A \| B	Указывает, что надо выбрать только одно значение из предложенных (A или B).	normal \| small-caps
A \|\| B	Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.	width \|\| count
[ ]	Группирует значения.	[ crop \|\| cross ]
*	Повторять ноль или больше раз.	[,<время>]*
+	Повторять один или больше раз.	<число>+
?	Указанный тип, слово или группа не является обязательным.	inset?
{A, B}	Повторять не менее A, но не более B раз.	<радиус>{1,4}
#	Повторять один или больше раз через запятую.	<время>#

Атрибуты

autoplay: Звук начинает играть сразу после загрузки страницы.
controls: Добавляет панель управления к аудиофайлу.
loop: Повторяет воспроизведение звука с начала после его завершения.
muted: Отключает звук при воспроизведении музыки.
preload: Используется для предварительной загрузки аудиофайла или его данных вместе с загрузкой веб-страницы.
src: Указывает путь к воспроизводимому файлу.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>audio</title> </head> <body> <p>Александр Клименков - Четырнадцать</p> <audio controls> <source src="audio/violin.mp3" type="audio/mpeg"> Тег audio не поддерживается вашим браузером. <a href="audio/violin.mp3">Скачайте музыку</a>. </audio> </body> </html>

Результат примера в браузере IE показан на рис. 1.

Воспроизведение аудиофайла

Рис. 1. Воспроизведение аудиофайла

Примечание

Управление воспроизведением аудио различается между браузерами по своему виду, но основные элементы совпадают. Это кнопка воспроизведения/паузы, длина трека, прошедшее и суммарное время звучания, а также уровень громкости.

Спецификация

Спецификация	Статус
HTML Living Standard	Живой стандарт