API Audio

Управляем тегом <audio> используя API

Описание API тега audio в языке HTML5.

Тег <аудио> позволяет проигрывать аудиофайлы на веб-странице, а также создает панель управления аудиофайлом. На панели управления находятся кнопки паузы, воспроизведения и регулировки громкости, в HTML5 этими праметрами можно также управлять через API audio и JavaScript.

Давайте создадим собственные кнопки, которые будут управлять воспроизведением и остановкой музыки.

Пример кода воспроизведения и остановки аудиофайла через API и JavaScript:

<audio id="myPlayer" src="baauer-harlem-shake.ogg" controls="controls"></audio><br /><br />

<button onclick="document.getElementById('myPlayer').play()">Играть</button>
<button onclick="document.getElementById('myPlayer').pause()">Пауза</button>


Кнопки Играть и Пауза будут работать только в браузерах FireFox, Opera и Chrome, для того чтобы они работали в браузерах Internet Explorer и Safari, нужно указать путь на файл с расширением .mp3

Методы тега audio

play() - запускает аудиофайл,
pause() - ставит аудиофайл на паузую.

Свойства тега audio

volume - увеличивет/уменьшает громкость звука. Пока не разобрался как регулировать громкость звука с помощью скрипта, видимо браузеры его еще не поддерживают, если у кого получилось управлять звуком, то пишите мне на E-mail: gabdr0[эт]ya.ru


 
Каждый сайт в интернете должен обладать единой семантической структурой, которую смогла бы понять любая программа, в независимости от того на какой платформе она работает.
HTML5 НОВОСТИ О ПРОЕКТЕ
МЕНЮ HTML5 Изменения в коде Синтаксис HTML5 Синтаксис XHTML Новые теги Устаревшие теги Устаревшие атрибуты Глобальные атрибуты Формы в HTML5 Новые технологии ТЕГИ audio video source API JavaScript API JavaScript API audio СТАТЬИ История HTML5 Семантика в HTML5 Война браузеров
2013 (c) HTML-5.RU Damir Gabdrahimov
При использовании материалов сайта, ссылка обязательна.