2つ同時に再生するときにミュートされたオーディオファイルの1つを開始

2つのオーディオファイルを同時に開始し、もう一方をミュートすることで2つのオーディオファイルを切り替えるトグルボタンがあります。2つ同時に再生するときにミュートされたオーディオファイルの1つを開始

すべては私が意図した通りですが、私が再生を押すと、audio2がミュートを開始します。今、あなたは同時にそれらの両方を聞くことができます。

誰もがこれで私を助けることができるしてください？ありがとう！

HTML

<audio id="audio1"> 
<source src="http://jplayer.org/audio/mp3/Miaow-07-Bubble.mp3" type="audio/mpeg" /> 
</audio><br /> 
<audio id="audio2"> 
<source src="https://allthingsaudio.wikispaces.com/file/view/Shuffle%20for%20K.M.mp3/139190697/Shuffle%20for%20K.M.mp3" type="audio/mpeg"/> 
</audio><br /> 
<button onclick="play();" id="button1">Play</button><br /> 
<button onclick="mute();" id="button2">Toggle</button><br />

var audio1 = document.getElementById('audio1'); 
var audio2 = document.getElementById('audio2'); 
var button1 = document.getElementById('button1'); 
var isPlaying = false; 
var muteToggle = true; 
var play = function() { 
if(!isPlaying){ 
    button1.innerHTML = 'Pause'; 
    audio1.play(); // this stream will immediately stop when the next line is run on iOS 
    audio2.play(); // this will stop audio1 on iOS 
    isPlaying = true; 
} else { 
    button1.innerHTML = 'Play'; 
    audio1.pause(); // this stream will immediately stop when the next line is run on iOS 
    audio2.pause(); // this will stop audio1 on iOS 
    isPlaying = false; 
} 
} 



var mute = function(){ 
if(muteToggle){ 
    muteToggle = false; 
audio1.muted = true; 
audio2.muted = false; 
} else { 
    muteToggle = true; 
audio2.muted = true; 
audio1.muted = false; 
} 
}

出典

2017-11-09 Burak