audio
Елемент <audio> (від англ. audio — звук) додає, відтворює та керує налаштуваннями аудіозапису на вебсторінці. Шлях до файлу задається через атрибут src або вкладений елемент <source>. Всередині контейнера <audio> можна написати текст, який буде виводитися в браузерах, що не працюють із цим елементом.
Список кодеків, що підтримуються браузерами, можна переглянути нижче:
► ogg
► wav
► mp3
► AAC
Для універсального відтворення у вказаних браузерах аудіо кодують за допомогою різних кодеків та додають файли одночасно через елемент <source>.
⌨️ Синтаксис
<audio src="<адреса>"></audio> <audio> <source src="<адреса>"> </audio>
🔒 Закриваючий тег: Обов'язковий.
🔧 Атрибути
Атрибут autoplayАтрибут autoplay Звук починає відтворюватись одразу після завантаження сторінки. |
Атрибут controlsАтрибут controls Додає панель керування до аудіофайлу. |
Атрибут loopАтрибут loop Повторює відтворення звуку з початку його завершення. |
Атрибут mutedАтрибут muted Вимикає звук при відтворенні музики. |
Атрибут preloadАтрибут preload Використовується для попереднього завантаження аудіофайлу або його даних разом із завантаженням вебсторінки. |
Атрибут srcАтрибут src Вказує шлях до файлу, що відтворюється. |
📋 Приклад
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>audio</title>
</head>
<body>
<p>audio file name</p>
<audio controls>
<source src="audio/music.ogg" type="audio/ogg; codecs=vorbis">
<source src="audio/music.mp3" type="audio/mpeg">
The audio tag is not supported by your browser.
<a href="audio/music.mp3">Download music</a>.
</audio>
</body>
</html>