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

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

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

Пример кода начала и остановки воспроизведения аудиофайла через API Audio и 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