HTML: тег audio

Audio tag

<audio> — это HTML тег, который используется для вставки аудио файлов на веб-страницу. Он предоставляет интерфейс для воспроизведения аудио, а также контроль переключения воспроизведения/паузы и регулировку громкости.

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

<audio controls>
  <source src="song.mp3" type="audio/mpeg">
  <source src="song.ogg" type="audio/ogg">
  Your browser does not support the audio element.
</audio>

В данном примере controls свойство отображает стандартный интерфейс управления воспроизведением аудио. <source> теги указывают ссылки на различные форматы аудио файлов для кроссбраузерности.

Ещё некоторые возможные свойства и атрибуты, которые можно использовать с тегом <audio>:

  • autoplay: автоматически начинает воспроизведение аудио после загрузки страницы.
  • loop: повторяет воспроизведение аудио после его завершения.
  • preload: указывает браузеру, когда нужно начать загрузку аудио (например, «auto» для начала загрузки при открытии страницы).
  • muted: выключает звук при загрузке страницы.
  • currentTime: указывает текущую позицию воспроизведения в секундах.
  • duration: указывает длительность аудио в секундах.

Также можно использовать JavaScript для управления воспроизведением аудио и другими характеристиками используя DOM API для <audio> элемента.