如何停止音頻如果我們需要播放另一個音頻

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();"> 

這是簡單和容易