Как реализовать ссылку, при нажатии на которую начинает воспроизводиться аудиофайл, а при повторном нажатии воспроизведение останавливается?
2 ответа
Воcпользуйтесь Audio API
mySound = new Audio([URLString]);
Создает новый элемент mySound с типом Audio , c типом возрата: обьект, для которого задается ссылка на мелодию. При необходимости, задается также параметр codecs. Браузер начинает асинхронную закачку мелодии в кэш и воспроизведение оттуда.
var radio = new Audio();
/*в место ссылки радио ставь свой audio.mp3*/
radio.src = "http://icecast.russkoeradio.cdnvideo.ru/rr.mp3";
document.querySelector('.radioPlay').onclick = function() {
/* проверяем если музыка не на паузе воспроизводим*/
if (radio.paused == true) {
radio.play();
document.querySelector('.radioPlay').innerHTML = 'pause';
} else {
radio.pause();
document.querySelector('.radioPlay').innerHTML = 'play';
}
}
div {
margin: 10px;
width: 50px;
height: 20px;
background: gray;
}
<div class="radioPlay">Play</div>
var audio = new Audio('audio.mp3'); $('.btn').click( audio.play );
– user18898 14 ноя '17 в 20:07