如何阻止一个音频播放器播放时，我点击另一个 - javascript

Question

我正在创建专门为ipad的页面。

我在一页上有12个音频播放器。他们都很好，但如果你点击第二个玩家，第一个玩家将继续玩。我以前见过这个问题，但没有一个答案是特定于我的代码的。

<script> 

function EvalSound(soundobj) { 
var thissound=document.getElementById(soundobj); 
    if (thissound.paused) 
      thissound.play(); 
    else 
     thissound.pause(); 
     thissound.currentTime = 0; 
} 
</script> 

玩家自己：

<a href="card3_ipad.php?card=funny" onClick="EvalSound('song1'); return true;" 
    target="player"><IMG SRC="images/funnytab.gif" BORDER=0 WIDTH=128 HEIGHT=29> 
</A>  
<audio id="song1" style="display: none; width: 0px; height: 0px;" 
src="mp3examples/funnyauto.mp3" controls preload="auto" autobuffer> 

然后另一名球员是：

<a href="card3_ipad.php?card=country" onClick="EvalSound('song2'); return true;" 
    target="player"><IMG SRC="images/countrytab.gif" BORDER=0 WIDTH=128 HEIGHT=29> 
</A>  
<audio id="song2" style="display: none; width: 0px; height: 0px;" 
src="mp3examples/countryauto.mp3" controls preload="auto" autobuffer> 

任何帮助将大规模感激！

干杯

汤姆

Answer 1

使用另一个变量持有当前活跃的球员

<script> 
var currentPlayer; 
function EvalSound(soundobj) { 

var thissound=document.getElementById(soundobj); 
if(currentPlayer && currentPlayer != thissound) { 
     currentPlayer.pause(); 
} 
if (thissound.paused) 
      thissound.play(); 
    else 
     thissound.pause(); 
     thissound.currentTime = 0; 
     currentPlayer = thissound; 
} 
</script>