HTML5 Аудио
HTML элемент <audio> используется для воспроизведения аудиофайла на веб странице.
HTML Элемент <audio>
Чтобы воспроизвести аудиофайл в формате HTML, используйте элемент <audio>:
Пример
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Ваш браузер не поддерживает элемент audio.
</audio>
Попробуйте сами »
HTML Audio - Как это работает?
Атрибут controls добавляет элементы управления звуком, такие как воспроизведение, пауза и громкость.
Элемент <source> позволяет указать альтернативные аудиофайлы, из которых браузер может выбрать.
Браузер будет использовать первый распознанный формат.
Текст между тегами <audio> и </audio>
будут отображаться только в браузерах, которые не поддерживают элемент <audio>.
Поддержка браузеров
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает элемент <audio>.
| Элемент | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML Формат audio
Существует три поддерживаемых аудиоформата: MP3, WAV, и OGG. Поддержка браузером различных форматов является:
| Браузер | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | ДА | НЕТ | НЕТ |
| Chrome | ДА | ДА | ДА |
| Firefox | ДА | ДА | ДА |
| Safari | ДА | ДА | НЕТ |
| Opera | ДА | ДА | ДА |
HTML Audio - тип носителя
| Формат файла | Тип носителя |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio - Методы, свойства и события
HTML определяет методы, свойства и события DOM для элемента <audio>.
Это позволяет загружать, воспроизводить и приостанавливать аудио, а также устанавливать продолжительность и громкость.
Существуют также события DOM, которые могут уведомлять вас, когда звук начинает воспроизводиться, приостанавливается и т.д.
Полный справочник DOM, зайдите HTML Audio/Video DOM Справочник.
HTML Audio теги
| Тег | Описание |
|---|---|
| <audio> | Определяет звуковое содержание |
| <source> | Определяет несколько медиаресурсов для медиаэлементов, таких как <video> и <audio> |