HTML-тег audio создаёт аудио поток.
В audio элементе могут использоваться элементы source для указания на альтернативные ресурсы.
Элементы track могут использоваться для назначения текстовых дорожек, таких как транскрипции.
Любой дополнительный контент рассматривается как резервный контент, то есть контент, который браузер запустит в воспроизведение, если аудио не сработает, например, если ресурс не найден или браузер слишком древний, чтобы понимать audio элемент.
Необязательные атрибуты
src
Атрибут: src.
Описание: расположение используемого аудиофайла.
Возможные значения: URL-адрес.
preload
Атрибут: preload.
Описание: сколько аудиофайлов должно быть буферизовано.
Возможные значения:
none ─ продолжайте работать на сервере. Извлекайте аудиоданные только после запуска воспроизведения.
metadata ─ извлекает метаданные, такие как продолжительность.
auto ─ пользователь появляется раньше сервера — при необходимости загрузите всю партию ещё до начала воспроизведения.
autoplay
Атрибут: autoplay.
Описание: раздражает пользователя, автоматически воспроизводя аудио при загрузке.
Возможные значения: нет.
loop
Атрибут: loop.
Описание: воспроизводит аудио после его завершения.
Возможные значения: нет.
muted
Атрибут: muted.
Описание: по умолчанию аудиоресурс отключается.
Возможные значения: нет.
controls
Атрибут: controls.
Описание: указывает браузеру применить свой собственный встроенный набор пользовательских элементов управления для остановки, воспроизведения, отключения звука.
Возможные значения: нет.
mediagroup
Атрибут: mediagroup.
Описание: объединяет несколько audio и/или video элементов. Элементы, имеющие одинаковое mediagroup значение, становятся частью одной группы.
Возможные значения: текст.
crossorigin
Атрибут: crossorigin.
Описание: используется в сочетании с JavaScript для определения того, как обрабатываются запросы на совместное использование ресурсов из разных источников.
Возможные значения:
anonymous
use-credentials
Пример
<audio src="mrMurray_downCameTheRain.mp3" controls loop>
<p>La la la. I can't hear you.</p>
</audio>Страницы в тему:
Все HTML-теги
a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del dfn div dl dt em embed fieldset figcaption figure footer form h1 — h6 head header hr html i iframe img input ins kbd keygen label legend li link main map mark meta meter nav noscript object ol optgroup option output p param pre progress q rb rp rt rtc ruby s samp script section select small source span strong style sub sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr
Уроки:
- Встроенный контент: видео, аудио и холст (Внушительный урок HTML)
