Справочник HTML

Тег <audio>: звук и подкасты в HTML

Элемент <audio> подходит для подкастов, голосовых подсказок и музыки. Он не рисует содержимое сам: пользователь видит стандартный плеер, когда указан атрибут controls.

Рабочий пример

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

Несколько source позволяют браузеру выбрать первый знакомый формат. preload подсказывает, сколько данных загружать заранее, но окончательное решение остаётся за браузером и настройками пользователя.

Когда применять

Для длинной записи добавь рядом название, длительность и текстовую расшифровку. Не полагайся только на звук: важная информация должна оставаться доступной в тексте.

Проверь пример самостоятельно: измени исходные данные, убери одну строку и сравни результат. Такой короткий эксперимент помогает увидеть роль каждого свойства или метода и не превращает обучение в механическое копирование.

Частые ошибки

• Запускать звук без действия пользователя
• Публиковать один редкий формат
• Не подписывать содержание записи