HTML тег <audio>
Приклад
Відтворити звуковий файл:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Ваш браузер не підтримує audio тег.
</audio>
Спробуйте самі »
Визначення та використання
Тег <audio> використовується для вбудовування в документ звукового вмісту, наприклад музики чи інших аудіопотоків.
Тег <audio> містить один або кілька <source> тегів із різними джерелами звуку. Браузер вибере перше джерело, яке він підтримує.
Текст між тегами <audio> і </audio> відображатиметься лише в браузерах, які не підтримують елемент <audio>.
В HTML5 підтримується три аудіоформати: MP3, WAV і OGG.
Аудіоформат і підтримка браузера
| Браузер | MP3 | WAV | OGG |
|---|---|---|---|
| Edge / IE | ТАК | ТАК* | ТАК* |
| Chrome | ТАК | ТАК | ТАК |
| Firefox | ТАК | ТАК | ТАК |
| Safari | ТАК | ТАК | NO |
| Opera | ТАК | ТАК | ТАК |
*Від Edge 79
Поради і примітки
Порада: Для відеофайлів перегляньте тег <video>.
Підтримка браузерами
Числа в таблиці вказують на першу версію браузера, яка повністю підтримує елемент.
| Елемент | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
Атрибути
| Атрибут | Значення | Опис |
|---|---|---|
| autoplay | autoplay | Вказує, що аудіо почне відтворюватися, щойно воно буде готове |
| controls | controls | Вказує, що мають відображатися елементи керування звуком (наприклад, кнопка відтворення/паузи тощо) |
| loop | loop | Вказує, що аудіо починатиметься заново кожного разу, коли воно закінчиться |
| muted | muted | Вказує, що аудіовихід має бути вимкнено |
| preload | auto metadata none |
Визначає, чи і як, на думку автора, слід завантажувати аудіо під час завантаження сторінки |
| src | URL | Вказує URL-адресу аудіофайлу |
Глобальні атрибути
Тег <audio> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <audio> також підтримує Атрибути подій в HTML.
Пов’язані сторінки
HTML DOM довідник: HTML Audio/Video DOM Довідник
Налаштування CSS за замовчуванням
Немає.
