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 — бесплатный формат с открытым кодом. Обеспечивает хорошее качество звука, но недостаточно широко поддерживается аппаратными проигрывателями.

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

Синтаксис

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

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

Обязателен.

Атрибуты

autoplay

Звук начинает играть сразу после загрузки страницы.

controls

Добавляет панель управления к аудиофайлу.

loop

Повторяет воспроизведение звука с начала после его завершения.

muted

Отключает звук при воспроизведении музыки.

preload

Указывает как аудио должно загружаться при загрузке страницы. Атрибут игнорируется, если присутствует атрибут autoplay.

src

Указывает путь к воспроизводимому файлу.

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

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

Нет.

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

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

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

Элемент <audio>

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

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