» » HTML5 аудіо

HTML5 аудіо
HTML5 аудіо
За допомогою нового HTML5 елемента
<audio>
Ви можете завантажити на Ваш веб-сайт музичний трек або подкаст за допомогою звичайного розмічального тега.
Зверніть увагу: підтримку аудіо мають наступні браузери: Internet Explorer 9 +, Opera 10.50 +, Firefox 3.5 +, Chrome 3.0 +, Safari 3.0 +.
Атрибут src тега
<audio>
дозволяє вказати шлях до аудіо файлу, а атрибут controls додає кнопки управління.
<audio src="ghost_k-stop.ogv" controls='controls'></audio>

У попередньому прикладі використовується тільки формат Ogg, тому приклад буде працювати тільки в Firefox, Opera і Chrome. Для того, щоб файл нормально програвався в Safari і Internet Explorer необхідно додати також файл у форматі MP3.

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

Текст знаходиться у вмісті елементу буде відображений у разі якщо браузер користувача не підтримує елемент audio.

<audio controls="controls">
<source src="ghost_k-stop.ogv" type="audio/ogg" />
<source src="ghost_k-stop.mp3" type="audio/mpeg" />
Данний текст буде відображатись якщо браузер користувача не підтримує елемент audio.
</audio> 

За допомогою атрибута autoplay Ви можете "заставити" автоматично програвати аудіо після загрузки сторінки.
<audio controls="autoplay">
<source src="ghost_k-stop.ogv" type="audio/ogg" />
<source src="ghost_k-stop.mp3" type="audio/mpeg" />
Данний текст буде відображатись якщо браузер користувача не підтримує елемент audio.
</audio> 


714 09.10.13



Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлеру