HTML - тег <audio> — это один из элементов HTML5, добавленный для встраивания аудиофайлов на веб-страницу. Поскольку не все браузеры поддерживают все аудиоформаты, аудиофайл кодируется с помощью специальных кодеков.
Тег <audio> - синтаксис и код
Тег <audio> представлен парами. Содержимое записывается между открывающим (<audio>) и закрывающим (</audio>) тегами.
<audio>
<source src="URL">
<source src="URL">
</audio>
Пример кода для воспроизведения звукового файла:
<!DOCTYPE html>
<html>
<body>
<h3>Элемент audio</h3>
<p>Нажмите кнопку воспроизведения, чтобы воспроизвести звук</p>
<audio controls>
<source src="/htm/audio/bird.ogg" type="audio/ogg">
<source src="/htm/audio/bird.mp3" type="audio/mpeg">
Ваш браузер не поддерживает аудио элементы.
</audio>
</body>
</html>
Элемент audio
Нажмите кнопку воспроизведения, чтобы воспроизвести звук:
Определение и использование
HTML - тег <audio> используется для встраивания в документ звукового содержимого, например музыки или других аудиопотоков;
Тег <audio> содержит один или несколько тегов <source> с разными источниками звука. Браузер выберет первый поддерживаемый им источник;
В HTML поддерживается три аудиоформата: MP3, WAV и OGG.
★ Примечание : текст между тегами <audio> и </audio> будет отображаться только в браузерах, которые не поддерживают элемент <audio>.
Аудиоформат и поддержка браузерами
Браузер
MP3
WAV
OGG
Edge / IE
Да
Да*
Да*
Chrome
Да
Да
Да
Firefox
Да
Да
Да
Яндекс браузер
Да
Да
Да
Safari
Да
Да
Нет
Opera
Да
Да
Да
*Поддержка Edge начиная с 79 версии.
Поддержка <audio> браузерами
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
Атрибуты
Атрибут
Значение
Описание
autoplay
autoplay
Указывает, что звук начнет воспроизводиться, как только он будет готов
controls
controls
Указывает, что должны отображаться элементы управления звуком (например, кнопка воспроизведения/паузы и т. д.)
loop
loop
Указывает, что звук будет начинаться заново каждый раз, после того как он будет завершен
muted
muted
Указывает, что звук на выходе должен быть отключен
preload
auto
Указывает, считает ли автор, что аудио должно загружаться при загрузке страницы, и каким образом
src
URL
Указывает URL-адрес аудиофайла
Глобальные атрибуты
Тег <audio> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <audio> также поддерживает атрибуты событий в HTML
Связанные страницы
Руководство по HTML: введение в HTML
Настройки CSS по умолчанию
Отсутствуют.
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML .
