Тег <audio>
Опис
Тег <audio> визначає звуковий контент на веб-сторінці, такий як музику або звукові ефекти.
Для браузерів, що не підтримують тег <audio>, можна вставити альтернативний текст або посилання на аудіофайл.
Приклад
<audio src='audio.mp3' controls></audio>Таблиця з сумісністю браузерів
Інші теги для відтворення мультимедіа: <video>, <source>, <track>
<audio src='URL аудіофайлу' controls autoplay loop preload='auto'></audio>Атрибути
| src | URL аудіофайлу, який відтворюється |
| controls | Додає вбудовані елементи управління аудіоплеєром |
| autoplay | Автоматично починає відтворення аудіо, коли сторінка завантажується |
| loop | Вказує, що аудіо повинно відтворюватися в циклі |
| preload | Вказує, як браузер повинен завантажити аудіо: 'none', 'metadata', або 'auto' |
Часті запитання
-
Q: Як вставити аудіофайл за допомогою тегу <audio> в HTML?
A: Для вставлення аудіофайлу використовується тег <audio> з атрибутом src, який вказує шлях до аудіофайлу.
-
Q: Як вказати відтворення аудіофайлу в автоматичному режимі за допомогою тегу <audio>?
A: Для автоматичного відтворення аудіофайлу в тезі <audio> використовується атрибут autoplay.
-
Q: Як вказати, щоб аудіофайл відтворювався у циклі за допомогою тегу <audio>?
A: Для постійного відтворення аудіофайлу в циклі використовується атрибут loop у тезі <audio>.
-
Q: Як вказати текст, який буде відображатися, якщо браузер не підтримує аудіо за допомогою тегу <audio>?
A: Для вказання альтернативного тексту використовується контент між відкриваючим і закриваючим тегами <audio>, який відобразиться у випадку, якщо браузер не підтримує аудіо.
-
Q: Як додати кнопки керування відтворенням аудіофайлу за допомогою тегу <audio>?
A: Для додавання кнопок керування відтворенням аудіофайлу використовується атрибут controls у тезі <audio>.