Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <audio>

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

12.0+ 9.0+ 3.5+ 4.0+ 10.5+ 4.0+

Описание

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> 

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

Пример использования тега <audio>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2018 © puzzleweb.ru

Реклама на сайте | puzinfo@puzzleweb.ru