Тег <аудио> позволяет проигрывать аудиофайлы на веб-странице, а также создает панель управления аудиофайлом. На панели управления находятся кнопки паузы, воспроизведения и регулировки громкости, в 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

Запись API audio HTML5 впервые появилась Энциклопедия HTML5.

API — Application Programming Interface (интерфейс программирования приложений).

В первые за всю история языка HTML, в спецификацию была добавлена документация по API JavaScript, она объясняет, как язык программирования JavaScript, должен взаимодействовать с элементами веб-страницы.

Какие API существуют в HTML5?

API Canvas, описывает как создаются векторные объекты и как ими можно манипулировать через JavaScript.

API UndoManager (менеджер отмены), описывает как браузер должен отслеживать изменения в документе.

API Манифеста кэширования, описывает как создавать оффлайновые приложения.

API Drag and Drop, описывает как перетаскивать элементы страницы.

API Audio, описывет как управлять аудиопроигрывателем, через JavaScript.

Рабочая (но не окончательная) спецификация HTML5 на английском языке уже вышла, но на русский еще не переведена, так что более подробной информации по API JavaScript в HTML5, ждите ближе к осени или летом если найду нормальные книги на русском раскрывающие данную тематику.

Читать далее: api audio

Запись API JavaScript HTML5 впервые появилась Энциклопедия HTML5.