HTML тег <audio>

Элемент <audio> (от англ. "audio" ‒ «аудио, звук») добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задаётся через атрибут src или вложенный элемент <source>. Элемент <audio> может содержать в себе сразу несколько элементов <source> в каждом из которых (при помощи атрибута src) указывается вариация одного и того же аудио перекодированного с помощью различных кодеков (для кроссбраузерности аудио-файла).
Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим элементом.

Аудио кодеки

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

MP3 — самый популярный аудио формат, использующий сжатие с потерями и позволяющий уменьшить размер файла в несколько раз.

AAC (Advanced Audio Codec) — закрытый кодек, аналог MP3, но по сравнению с последним, поддерживает более высокое качество звука при сходном размере файла.

WAVE, WAV (Waveform Audio File Format) — формат файла-контейнера для хранения записи оцифрованного аудиопотока, подвид RIFF. Этот контейнер, как правило, используется для хранения несжатого звука в импульсно-кодовой модуляции.

Ogg Vorbis — бесплатный формат с открытым кодом. Обеспечивает хорошее качество звука, но недостаточно широко поддерживается аппаратными проигрывателями.

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


Формат
MP3 9+ 3+ 15+ Да 3.1+ 22+
Wav 3+ 10.60+ Да 3.1+ 22+
Ogg 3+ 10.50+ Да 3.5+

MIME-типы для аудио форматов

Формат MIME-тип
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

Синтаксис

<audio src="URL">...</audio>
<audio>
  <source src="URL">
</audio>

Закрывающий тег

Обязателен.

Атрибуты

autoplay
Звук начинает играть сразу после загрузки страницы.
controls
Добавляет панель управления к аудиофайлу.
loop
Повторяет воспроизведение звука с начала после его завершения.
muted
Отключает звук при воспроизведении музыки.
preload
Указывает как аудио должно загружаться при загрузке страницы. Атрибут игнорируется, если присутствует атрибут autoplay.
src
Указывает путь к воспроизводимому файлу.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

Элемент <audio> является новым в HTML5.

Пример использования:

Элемент <audio>

Пример HTML:

Попробуй сам
<audio controls>
  <source src="audio/BigHornsIntro.ogg" type="audio/ogg">
  <source src="audio/BigHornsIntro.mp3" type="audio/mpeg">
  Ваш браузмер не поддерживает тег audio.
</audio>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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



Contema