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 |
autometadatanone |
Предоставляет подсказку браузеру о необходимости загрузки самого аудио или его метаданных. Атрибут autoplay может переопределить этот атрибут, потому что если вы хотите автоматически воспроизводить аудио, браузер, очевидно, должен будет загрузить его. |
src |
URL | Определяет местоположение аудиофайла. Кроме того, вы можете использовать предпочтительный тег <source>, поскольку он допускает несколько вариантов. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <audio>поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <audio> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <audio> поддерживается во всех основных браузерах.