Тег <аудио>
позволяет проигрывать аудиофайлы на веб-странице, а также создает панель управления аудиофайлом. На панели управления
находятся кнопки паузы, воспроизведения и регулировки громкости, в 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
play()
- запускает аудиофайл,
pause()
- ставит аудиофайл на паузую.
volume
- увеличивет/уменьшает громкость звука. Пока не разобрался как регулировать громкость звука с помощью скрипта,
видимо браузеры его еще не поддерживают, если у кого получилось управлять звуком, то пишите мне на E-mail:
gabdr0[эт]ya.ru