用于静音音频播放的自定义按钮

Question

我有下面的代码，我正在使用我正在制作的基于html的游戏。当玩家使用iframe继续玩游戏而不中断通话时，它会延迟在后台播放通话。

<audio onloadeddata="var audioPlayer = this; setTimeout(function() { audioPlayer.play(); }, 1500)">
<source src="call1.mp3" type="audio/mp3" />

我的问题是，如何制作一个可以放在iFrame中的自定义静音按钮，这样当玩家点击它时，它会使通话静音并隐藏按钮？

Answer 1

找到答案。

使用以下代码：

HTML

<a href="#" id="mutebutton"><img src="mutecall.png"></a>
<div id="soundDiv">
<audio id="background_audio" onloadeddata="var audioPlayer = this; setTimeout(function() { audioPlayer.play(); }, 1500)">
<source src="call1.mp3" type="audio/mp3" />
</audio>
</div>

Javascript：

<script language="javascript">
$("#mutebutton").click(function() {
$(this).hide();
var div = document.getElementById("soundDiv");
div.parentNode.removeChild(div);
}); 
</script>

就像提出的问题一样。
单击图像时，它会将音频静音并隐藏按钮。