HTML тег <audio>

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

Описание

HTML тег <audio> позволяет добавить на страницу аудиофайл. Некоторые браузеры не поддерживают аудиофайлы некоторых форматов, поэтому необходимо предоставить аудиофайл в нескольких форматах одновременно, для этого используются теги <source>, которые должны располагаться внутри элемента <audio>.

Любой текст внутри элемента <audio> будет отображен браузером в том случае, когда сам элемент или формат используемого аудиофайла не поддерживается браузером.

Примечание: при использовании атрибутов controls, autoplay и loop, можно не присваивать им значения. Эти атрибуты являются атрибутами булева типа, то есть если атрибут указан, то данная функция считается включенной, если не указан - выключенной.

Атрибуты

autoplay:

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

Значения для логического атрибута autoplay можно задавать следующими способами:

<audio autoplay>
<audio autoplay="autoplay">
<audio autoplay="">

Пример »

controls:

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

Значения для логического атрибута controls можно задавать следующими способами:

<audio controls>
<audio controls="controls">
<audio controls="">

Примечание: если у элемента <audio> отсутствует атрибут controls, то подключенный аудиофайл не будет отображаться на странице.

Пример »

loop:

Указывает, что воспроизведение будет начинаться сначала, каждый раз, после завершения (повтор воспроизведения).

Значения для логического атрибута loop можно задавать следующими способами:

<audio loop>
<audio loop="loop">
<audio loop="">

Пример »

preload:

Указывает, какие действия должен выполнять браузер, если для проигрывателя не указан атрибут autoplay. Он может принимать одно из следующих трех значений:

• auto - загрузка аудиофайла начнется после загрузки страницы
• metadata - сбор информации о аудиофайле: размер, первый кадр, список воспроизведения, длительность
• none - загрузка аудиофайла начнется только после щелчка мыши по кнопке воспроизведение

Примечание: при совместном использовании с атрибутом autoplay атрибут preload будет проигнорирован.

Пример »

src:

Определяет путь к нужному аудиофайлу (путь может быть либо абсолютным либо относительным). Пример »

Тег <audio> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию

Нет.

Пример

<audio controls="controls">
  <source src="song.mp3" type="audio/mp3">
  Ваш браузер не поддерживает тег audio
</audio> 

Результат данного примера в окне браузера: