audio

Оновлено: 13.01.2023

<audio>

Елемент <audio> (від англ. audio — звук) додає, відтворює та керує налаштуваннями аудіозапису на вебсторінці. Шлях до файлу задається через атрибут src або вкладений елемент <source>. Всередині контейнера <audio> можна написати текст, який буде виводитися в браузерах, що не працюють із цим елементом.

Список кодеків, що підтримуються браузерами, можна переглянути нижче:

ogg

Переглянути сумісність з Can I use?

ogg
wav

Переглянути сумісність з Can I use?

wav
mp3

Переглянути сумісність з Can I use?

mp3
AAC

Переглянути сумісність з Can I use?

AAC

Для універсального відтворення у вказаних браузерах аудіо кодують за допомогою різних кодеків та додають файли одночасно через елемент <source>.

Синтаксис

<audio src="<адреса>"></audio> <audio> <source src="<адреса>"> </audio>

Закриваючий тег

Обов'язковий

Атрибути

  • Атрибут autoplay

    Атрибут autoplay

    Звук починає відтворюватись одразу після завантаження сторінки.

  • Атрибут controls

    Атрибут controls

    Додає панель керування до аудіофайлу.

  • Атрибут loop

    Атрибут loop

    Повторює відтворення звуку з початку його завершення.

  • Атрибут muted

    Атрибут muted

    Вимикає звук при відтворенні музики.

  • Атрибут preload

    Атрибут preload

    Використовується для попереднього завантаження аудіофайлу або його даних разом із завантаженням вебсторінки.

  • Атрибут src

    Атрибут src

    Вказує шлях до файлу, що відтворюється.

Приклад

Примітка

Управління відтворенням аудіо відрізняється між браузерами за своїм виглядом, але основні елементи збігаються. Це кнопка відтворення/паузи, тривалості треку, минулий та сумарний час звучання, а також рівень гучності.

Браузери

audio

Переглянути сумісність з Can I use?

audio