<audio> — це HTML-тег, який використовується для вставки аудіо файлів на веб-сторінку. Він надає інтерфейс для відтворення аудіо, а також контроль перемикання відтворення/паузи та регулювання гучності.
Приклад використання:
<audio controls>
<source src="song.mp3" type="audio/mpeg">
<source src="song.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>У цьому прикладі controls властивість відображає стандартний інтерфейс керування відтворенням аудіо. <source> теги вказують на різні формати аудіо файлів для кросбраузерності.
Ще деякі можливі властивості та атрибути, які можна використовувати з тегом <audio>:
autoplay: автоматично розпочинає відтворення аудіо після завантаження сторінки.loop: повторює відтворення аудіо після завершення.preload: вказує браузеру, коли потрібно розпочати завантаження аудіо (наприклад, «auto» для початку завантаження під час відкриття сторінки).muted: вимикає звук під час завантаження сторінки.currentTime: вказує на поточну позицію відтворення в секундах.duration: вказує тривалість аудіо в секундах.
Також можна використовувати JavaScript для керування відтворенням аудіо та іншими характеристиками, використовуючи DOM API для <audio> елемента.