HTML5 Аудіо
HTML5 забезпечує стандарт для відтворення аудіо.
Аудіо в Інтернеті
До сих пір відтворення звуку на веб-сторінці не було стандартом.
Сьогодні більшість аудіо відтворюється через плагіни (наприклад, flash). Однак, не всі браузери мають ті ж плагіни.
HTML5 вказує стандартний спосіб включити аудіо за допомогою елемента audio.
Аудіо елемент може відтворювати звукові файли або аудіо потік.
Аудіо формати
В даний час є 3 підтримуваних формати аудіо елемента:
|
Формат |
IE 8 |
Firefox 3.5 |
Opera 10,5 |
Chrome 3.0 |
Safari 3.0 |
|
Ogg Vorbis |
Ні |
Так |
Так |
Так |
Ні |
|
MP3 |
Ні |
Ні |
Ні |
Так |
Так |
|
Wav |
Ні |
Так |
Так |
Ні |
Так |
Як це працює
Для відтворення аудіо файлів у HTML5 все що вам потрібно, це:
|
<audio src="song.ogg"
controls="controls"> |
Контрольні атрибути призначені для додавання відтворення, паузи і управління рівнем гучності.
Як вставити вміст між <audio> і </audio> тегами для браузерів, які не підтримують аудіо елементи:
Приклад
|
У наведеному вище прикладі використовується файл Ogg, що буде працювати в Firefox, Opera і Chrome.
Щоб змусити аудіо працювати в Safari, аудіо файл повинен бути в форматі MP3 або WAV.
Аудіо елемент дозволяє використовувати кілька елементів джерела. Джерела можуть посилатись на різні аудіо-файли. Браузер буде використовувати перший формат, котрий розпізнає:
Приклад
|
Internet Explorer
Internet Explorer 8 не підтримує аудіо елемента. В IE 9 буде здійснена така підтримка.
Усі атрибути <audio>
|
Атрибут |
Значення |
Опис |
|
autoplay |
автозапуск |
Вказує, що звук буде починати грати, як тільки він буде готовий. |
|
controls |
управління |
Вказує, що буде відображатися, наприклад, кнопка відтворення. |
|
loop |
повтор |
Вказує, що аудіо буде починати грати знову (цикл), коли досягає кінця |
|
preload |
попереднє завантаження |
Вказує, що звук буде завантажуватися при завантаженні сторінки, і готовий до запуску. Ігнорується, якщо присутній автозапуск. |
|
src |
URL |
Вказує URL-адресу аудіо |