Элемент audio

До HTML5 специального стандарта для проигрывания звуковых файлов в браузере не существовало.

С введением элемента <audio> в HTML5 появился единый стандарт для встраивания звуковых файлов в веб-страницы.

Указать путь к исходному звуковому файлу можно двумя способами:

С помощью отдельных вложенных внутрь <audio> тегов <source>:

Элементы <source> могут быть привязаны к различным звуковым файлам. Браузер будет использовать тот формат, который был распознан первым.
Также эти элементы не требуют закрывающего тега.

Атрибуты элемента <audio>

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

При указанном атрибуте autoplay воспроизведение звукового файла начинается сразу же после загрузки страницы без нажатия пользователем каких-либо кнопок.

При наличии атрибута loop аудиофайл будет воспроизводиться циклически.

Использование атрибута autoplay не рекомендуется, ибо оно сильно раздражает пользователей, заставляя их судорожно искать кнопку остановки аудио.
Нередко это приводит к яростному закрытию страницы.

Элемент <audio>

Атрибуты элемента <audio>