Тег HTML <audio>

  • Предыдущая страница <aside>
  • Следующая страница <b>

Определение и использование

<audio> Тег используется для внедрения аудио контента в документ, например, музыки или других аудио потоков.

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

<audio> и </audio> текст между тегами будет отображаться только в случае неподдержки <audio> элементы будут отображаться в браузере.

Совет:Для видео файлов, пожалуйста, смотрите Тег <video>.

HTML поддерживает три формата аудио: MP3, WAV и OGG.

Форматы аудио и поддержка браузерами

Браузер MP3 WAV OGG
Edge / IE Поддерживается Поддерживается * Поддерживается *
Chrome Поддерживается Поддерживается Поддерживается
Firefox Поддерживается Поддерживается Поддерживается
Safari Поддерживается Поддерживается Не поддерживается
Opera Поддерживается Поддерживается Поддерживается

* С Edge 79

Дополнительная информация:

Руководство по HTML DOM:Руководство по HTML Audio/Video DOM

Пример

Воспроизвести аудиофайл:

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

Попробуйте сами

Атрибут

Атрибут Значение Описание
autoplay autoplay Установлено, что аудио будет немедленно начинать воспроизведение после的准备.
controls controls Установлено, что должны отображаться элементы управления аудио (например, кнопки воспроизведения/паузы и т.д.).
loop loop Установлено, что аудио будет заново начинаться после каждого завершения.
muted muted Определяет, должен ли аудиовыход быть беззвучным.
preload
  • auto
  • metadata
  • none
 Определяет, загружается ли аудио при загрузке страницы и как это происходит.
src URL Определяет URL аудиофайла.

Глобальные свойства

<audio> Тег также поддерживает Глобальные свойства в HTML.

Свойства событий

<audio> Тег также поддерживает Свойства событий в HTML.

Default CSS settings

Нет.

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот элемент.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5
  • Предыдущая страница <aside>
  • Следующая страница <b>