используется для встраивания аудиоконтента в документ 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> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.