將OnClick停止添加到音頻

Question

我製作此圖片，因此當您單擊它時，音頻開始播放。但是，因爲我正在使用一首完整的歌曲，而不僅僅是一點聲音，所以我需要也能夠阻止它。

我該怎麼做才能開啓和關閉聲音？

<audio id="1st_sound"> 
    <source src="http://k007.kiwi6.com/hotlink/nbgq3cyywi/Damn_Good_Wife.mp3"  type="audio/mpeg" /> 
</audio> 


<img src="http://static.tumblr.com/6s0fefr/t3wne2irz/damngoodwifeplaybutton.jpg"  onClick="document.getElementById('1st_sound').play(); return false;" /> 

Answer 1

您可以使用此功能檢查，如果音頻播放：

function isPlaying(playerId) { 
    var player = document.getElementById(playerId); 
    return !player.paused && !player.ended && 0 < player.currentTime; 
} 

你可以在if語句中使用此。

if (isPlaying(...)) {..Pause..} else {..Play..} 

對於靜音的聲音，你可以使用這個：所以Muting a HTML5 audio element using a custom button

if(document.getElementById('background_audio').muted) { 
    document.getElementById('background_audio').muted = true; 
} else { 
    document.getElementById('background_audio').muted = false; 
}