Тег audio – HTML
<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>
елемента.