HTML-тег <audio>

используется для встраивания аудиоконтента в документ HTML

Тип:	Block
Контент:	`<source>`, `<track>`, и текст
Открывающий тег:	Обязательный
Закрывающий тег:	Обязательный
Версия:	Новый в HTML5

Синтаксис

Базовый синтаксис тега <audio> выглядит следующим образом:

HTML / XHTML: <audio> ... </audio>

Примеры написания кода тега <audio>:

<audio controls="controls" src="birds.mp3">
    Ваш браузер не поддерживает элемент HTML5 Audio.
</audio>

Аудио, использующее набор элементов управления по умолчанию браузера, с альтернативными источниками.

<audio controls="controls">
    <source src="birds.mp3" type="audio/mpeg">
    <source src="birds.ogg" type="audio/ogg">
    Ваш браузер не поддерживает элемент HTML5 Audio.
</audio>

Вы можете разместить контент, такой как текст, или ссылку для скачивания внутри аудиоэлемента, чтобы предоставить альтернативный контент в случае, если браузер не поддерживает аудиоконтент или каким-то образом не смог загрузить файл аудиоисточника.

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <audio>:

Атрибут	Значение	Описание
`autoplay`	`autoplay`	Этот логический атрибут указывает, что звук автоматически начнет воспроизводиться не дожидаясь завершения загрузки данных.
`controls`	`controls`	Если указано, браузеры будут отображать элементы управления, чтобы позволить пользователю управлять воспроизведением звука, например, воспроизведение/пауза, громкость и т. д.
`loop`	`loop`	Этот логический атрибут указывает, что аудио будет автоматически начинаться заново, по достижении конца.
`muted`	`muted`	Этот логический атрибут указывает, будет ли звук изначально отключен. Значением по умолчанию является false, что означает, что звук будет воспроизводиться.
`preload`	`auto` `metadata` `none`	Предоставляет подсказку браузеру о необходимости загрузки самого аудио или его метаданных. Атрибут autoplay может переопределить этот атрибут, потому что если вы хотите автоматически воспроизводить аудио, браузер, очевидно, должен будет загрузить его.
`src`	URL	Определяет местоположение аудиофайла. Кроме того, вы можете использовать предпочтительный тег `<source>`, поскольку он допускает несколько вариантов.