Аудіо на html-сторінці
Вставка і відтворення аудіо
Аудіо рідше зустрічається на сайтах, ніж інші типи медіа-контенту, але це не робить його менш важливим. Існує кілька способів вставки аудіозаписи в сторінку. Ми розглянемо спеціальний елемент, який з'явився в п'ятій версії HTML. Його можливості відмінно підтримуються всіма видами браузерів, крім Opera mini.
Для вставки аудіо в HTML-сторінку потрібно використовувати елемент
рис 1. Зовнішній вигляд програвача в Google Chrome
замітка
Зовнішній вигляд панелі управління аудіо може відрізнятися в різних браузерах. Вбудовані в HTML можливості не можуть на це вплинути. Все цілком і повністю залежить від розробників браузера.
Розширені настройки аудіо
Є кілька додаткових атрибутів, які управляють другорядними можливостями відтворення.
Прослуховування аудіофайлу може бути запущено автоматично, відразу після завантаження сторінки. Для цього додайте атрибут autoplay. Встановивши атрибут loop. ви змусите браузер відтворювати аудіо знову і знову при досягненні кінцівки.
Використовуючи атрибути autoplay і loop бажано додавати панель управління. Інакше у користувача сайту не буде можливості зупинити прослуховування або змінити гучність. У більшості випадків це викличе у нього роздратування.
Вибір форматів відтворення
елемент
Для досягнення максимальної сумісності необхідно використовувати аудіо формат MP3. З ним можна забути про проблеми кросбраузерності. Якщо вам все-таки потрібна підтримка різних форматів, використовуйте для цього елементи
Браузери обробляють таку структуру по порядку, перевіряючи кожен елемент
Поділіться в соцcетях: