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 Audio - Как это работает

Атрибут 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>

Добавьте отключение звука после автозапуска, чтобы ваш аудиофайл начал воспроизводиться автоматически (но без звука).:

<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>.

Аудиоформаты HTML

Поддерживаются три аудиоформата: MP3, WAV и OGG. Браузер поддерживает различные форматы:

HTML Аудио - Типы носителей

HTML Audio - Методы, свойства и события

HTML DOM определяет методы, свойства и события для элемента <audio>.

Это позволяет загружать, воспроизводить и приостанавливать аудио, а также устанавливать продолжительность и громкость.

Есть также события DOM, которые могут уведомлять вас, когда звук начинает воспроизводиться, приостанавливается и т. д.