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