如何停止音频如果我们需要播放另一个音频

Question

如果我们点击各自的链接，我已经编写了播放两个音频的代码。如何编写jquery来停止第一个音频，如果我们点击第二个链接，而第一个是打，反之亦然。

<p>Audio1</p> 
    <audio id="playauido1"> 
     <source src="audio1.mp3" type="audio/mp3" /> 
    </audio> 

<a href="#" onclick="document.getElementById('playauido1').play()"> Paly first audio </a> 
<p>Audio2</p>    
    <audio id="playauido2"> 
     <source src="audio2.mp3" type="audio/mp3" /> 
    </audio> 

<a href="#" onclick="document.getElementById('playauido2').play()"> Paly second audio </a>   

Answer 1

audioElement有，如果你想查看其它音频文件是否正在播放与否，你可以这样做

<script> 
function stopPlaying(audioElement) { 
    if(!audioElement.paused){ 
    audioElement.pause(); 
    } 
} 
</script> 
<p>Audio1</p> 
    <audio id="playauido1"> 
     <source src="audio1.mp3" type="audio/mp3" /> 
    </audio> 

<a href="#" onclick="document.getElementById('playauido1').play();stopPlaying(document.getElementById('playauido2'));"> Paly first audio </a> 
<p>Audio2</p>    
    <audio id="playauido2"> 
     <source src="audio2.mp3" type="audio/mp3" /> 
    </audio> 

<a href="#" onclick="document.getElementById('playauido2').play();stopPlaying(document.getElementById('playauido1'));"> Paly second audio </a>  

如果你有更多的音频文件paused property.so，你可以做一个数组来存储音频元素，并在stopPlaying函数中做for循环来检查和暂停音频文件。

但实际上，如果音频在您调用.pause（）时已经暂停，它将不会执行任何操作，因此您不必检查它是否正在播放。只是叫暂停（）

<a href="#" onclick="document.getElementById('playauido1').play();playauido2.pause();"> 

这是简单和容易