Учебник по аудиоэлементам HTML5

Последнее обновление 25 мая 2019 07:00:19 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Аудио элемент

На этой странице мы обсудили описание, использование, атрибуты, пример и результат, совместимость аудиоэлемента HTML5 .

Элемент audio HTML5 встраивает звук в веб-страницу HTML или XHTML.

Аудиоэлемент HTML5 поддерживает аудио форматы ogg Vorbis, MP3 и WAV.

использование

 <audio src = "example.ogg" автозапуск> </ audio>

Используя атрибут autoplay, вы можете воспроизводить аудио автоматически.

Требуется ли начальный и конечный тег

И начальный и конечный тег обязательны.

Что может содержать аудио элемент

Содержит атрибут src или один или несколько исходных элементов, за которыми может следовать либо текст, либо внедренный контент, либо текстовый контент, заключенный в разметку.

Какие элементы могут содержать аудио элемент

Любой элемент, который может содержать текст или встроенный контент, или любой элемент, который может содержать текстовый контент, заключенный в разметку.

Атрибуты

аудиоэлемент поддерживает глобальные атрибуты (accesskey, class, contenteditable, contextmenu, dir, dragggable, dropzone, hidden, id, lang, проверка орфографии, стиль. tabindex, title).

Автовоспроизведение

Если указано, браузер начнет воспроизведение связанного аудио, как только сможет. Он не остановится, когда загрузка страницы будет завершена. Это логический атрибут (имеющий значения true или false, но даже если значение равно false, поведение не изменится).

управления

Если указано, пользователю будет разрешено управлять воспроизведением звука, включая громкость, поиск и приостановку / возобновление воспроизведения браузером.

петля

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

предварительная нагрузка

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

none: предварительная загрузка не выполняется.

метаданные: оставляя подсказку для предварительной загрузки только метаданных (информации об аудио).

auto: оставить подсказку для автоматической загрузки аудио.

ЦСИ

Значение этого атрибута содержит местоположение аудиофайла.

crossorigin

Перечисляемый атрибут, используемый для медиа-элементов.

Медиагруппа

Используется для связывания нескольких элементов мультимедиа путем создания медиаконтроллера.

пример

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>HTML5 audio example</title>
</head>
<body>
<audio controls="controls" autoplay="autoplay">
<source src="example.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
</body>
</html>

Совместимость браузера

Мы успешно протестировали приведенный выше пример со следующими версиями браузера.

Особенность	Хром	Firefox (Геккон)	Internet Explorer	опера	Сафари
Базовая поддержка	12.0.742.122	5.0	8,0	11,50	4,0

Предыдущая: HTML5: учебник по сторонним элементам
Далее: Учебное пособие по элементу HTML5 Canvas