Всем привет! На сайте играет музыка на фоне, хочу реализовать кнопку выключения/включения звука на странице.Сама музыка реализуется не с помощью , а с помощью JS.Пробовал 2 варианта,не получилось. Первый вариант останавливает проигрывание трека,второй вариант тоже просто останавливает трек.Хотелось бы,чтоб выключался просто звук( типа кнопки "выключить звук" на вкладках в браузерах) Код кнопки,которая есть:
<div id="play_contain" class="play_contain">
<div class="play_btn">
<span></span>
<span></span>
<span></span>
</div>
</div>
Попытка №1:
function createAudioControls() {
var playButton = document.createElement('a');
playButton.setAttribute('id', 'playcontrol');
playButton.textContent = "pause";
document.body.appendChild(playButton);
playButton.addEventListener('click', function(e) {
e.preventDefault();
this.textContent = playing ? "play" : "pause";
toggleAudio();
});
playAudio();
hideLoader();
}
function toggleAudio(){
playing ? pauseAudio() : playAudio();
}
function playAudio() {
playing = true;
startedAt = pausedAt ? Date.now() - pausedAt : Date.now();
asource = null;
asource = actx.createBufferSource();
asource.buffer = audio_buffer;
asource.loop = true;
asource.connect(gainNode);
pausedAt ? asource.start(0, pausedAt / 1000) : asource.start();
animate();
}
function pauseAudio() {
playing = false;
pausedAt = Date.now() - startedAt;
asource.stop();
}
Этот код просто останавливает проигрывание.
Попытка №2:
var mute = document.querySelector('.play_contain'); // mute button
mute.onclick = voiceMute;
function voiceMute() {
if(mute.id == "play_contain") {
gainNode.gain.value = 0;
mute.id = "play_contain activated";
} else {
gainNode.gain.value = 1;
mute.id = "play_contain";
}
}
Можно ли отключить звук на странице другими способами или этими же,но переделанными. с JS-ом дружу на уровне подключения,не больше (