Элемент audio
Синтаксис
<audio> <source src="..."> ... </audio>
Описание
Элемент audio
(от англ. "audio" ‒ «аудио, звук») вставляет аудио файл в web-документ и даёт возможность управлять некоторыми настройками воспроизведения аудио. Расположение аудио указывается с помощью элемента source
. Элемент audio
может содержать в себе сразу несколько элементов source
в каждом из которых (при помощи параметра «src
») указывается вариация одного и того же аудио перекодированного с помощью различных кодеков (для кроссбраузерности аудио-файла).
Примечание
Старые браузеры игнорируют данный элемент и выводят его содержимое вместе с остальным содержимым документа, поэтому в audio
вкладывается поясняющий текст (для людей использующих старые браузеры).
Поддержка браузерами
Примечание: смотрите также форматы поддерживаемые браузерами.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | ||
3.2 | ||
4.01 | ||
5.0 | 4.7.7 The audio element | Перевод |
5.1 | 4.7.11. The audio element | |
XHTML | ||
1.0 | ||
1.1 |
Атрибуты
- autoplay
- Автоматическое воспроизведение музыки (после полной загрузки страницы).
- controls
- Устанавливает элементы управления.
- crossorigin
- Определяет то как элемент обрабатывает crossorigin запросы.
- loop
- Устанавливает повторение аудио файла.
- mediagroup
- Группы медиа элементов вместе с неявной MediaController.
- muted
- Блокирует возможность изменения громкости.
- preload
- Указывает тип предварительной загрузки файла.
- src
- Указывает местоположение аудио файла.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
<html>
<head>
<meta charset="utf-8">
<title>Элемент audio</title>
</head>
<body>
<h1>Пример использования элемента "audio"</h1>
<h2>Рахманинов ‒ Сад Эдема</h2>
<audio controls="controls">
<source src="/examples/multimedia/audio/Rachmaninov_-_The_Garden_of_Eden.mp3" type="audio/mp3">
Ваш web-браузер не поддерживает HTML элемент «<a href="/html/audio/">audio</a>».
</audio>
</body>
</html>