Тег <audio>

Синтаксис

или

Описание

Тег <audio> (от англ. audio — звук) используется для добавления аудио контента на страницу.

Обычно он содержит вложенные теги <source> для указания нескольких форматов источника аудио-файла. На данный момент используют три формата: MP3, Wav и Ogg. Если указать все три формата, тогда браузер будет использовать первый, который он понимает.

Формат	Тип	Chrome	Opera	Firefox	Safari	Microsoft Edge
MP3	audio/mpeg	Да	Да	Да	Да	Да
Wav	audio/wav	Да	Да	Да	Да	Да
Ogg	audio/ogg	Да	Да	Да	Нет	Да

Однако, можно подключить аудио-файл без вложенных тегов <source>, указав тегу <audio> атрибуты src и type (например: <audio src="/sound.mp3" type="audio/mpeg"></audio>).

Атрибуты, которые можно использовать в теге <audio>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут	Значение	Описание
autoplay	autoplay	Указывает, что звук начнет воспроизводиться, как только он будет готов
controls	controls	Указывает, что должны отображаться элементы управления звуком (например, кнопка воспроизведения/паузы и т. д.)
loop	loop	Указывает, что звук начнется снова, каждый раз, когда он будет завершен
muted	muted	Указывает, что звук должен быть выключен
preload	auto metadata none	Предварительная загрузка аудиофайла или его данных вместе с загрузкой веб-страницы. Этот атрибут игнорируется, если установлен атрибут autoplay
src	URL-адрес	Указывает URL-адрес аудиофайла
type	тип формата	Сообщает браузеру, какой тип формата используется

Пример

HTML-код:

<!DOCTYPE html>

<head>

<title>Тег audio</title>

</head>

<body>

<audio controls>

<source src="/sound.mp3" type="audio/mpeg">

<source src="/sound.ogg" type="audio/ogg">

<source src="/sound.wav" type="audio/wav">

</audio>

</body>

</html>

Отображение в браузере:

Поддержка браузера

Элемент	Chrome	Opera	Firefox	Safari	Microsoft Edge
<audio>	Да	Да	Да	Да	Да

Элемент

Chrome

Opera

Firefox

Safari

Microsoft Edge

<audio>

Да