HTML -аудио
Элемент HTML <audio>используется для воспроизведения аудиофайла на веб-странице.
HTML-элемент <audio>
Чтобы воспроизвести аудиофайл в формате HTML, используйте <audio>элемент:
Пример
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
HTML-аудио — как это работает
Атрибут controlsдобавляет элементы управления звуком, такие как воспроизведение, пауза и громкость.
Элемент <source>позволяет указать альтернативные аудиофайлы, из которых может выбирать браузер. Браузер будет использовать первый распознанный формат.
Текст между тегами <audio>и </audio>будет отображаться только в браузерах, которые не поддерживают этот <audio>элемент.
HTML <аудио> Автовоспроизведение
Для автоматического запуска аудиофайла используйте autoplayатрибут:
Пример
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Примечание. Браузеры Chromium в большинстве случаев не поддерживают автозапуск. Однако приглушенный автозапуск всегда разрешен.
Добавьте mutedпосле
autoplay, чтобы ваш аудиофайл начал воспроизводиться автоматически (но с отключенным звуком):
Пример
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую
<audio>элемент.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Аудио форматы HTML
Поддерживаются три аудиоформата: MP3, WAV и OGG. Браузер поддерживает различные форматы:
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*От края 79
HTML-аудио — типы мультимедиа
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio — методы, свойства и события
HTML DOM определяет методы, свойства и события для <audio>элемента.
Это позволяет загружать, воспроизводить и приостанавливать аудио, а также устанавливать продолжительность и громкость.
Существуют также события DOM, которые могут уведомить вас, когда звук начинает воспроизводиться, приостанавливается и т. д.
Полную справку по DOM см. в нашем справочнике по HTML Audio/Video DOM .
Аудио теги HTML
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |