自定义按钮静音音频播放

【问题标题】：Custom button to mute audio play自定义按钮静音音频播放
【发布时间】：2015-01-17 02:10:50
【问题描述】：

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

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

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

【问题讨论】：

标签： html audio iframe embed

【解决方案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>

它就像问的问题一样工作。
当点击图片时，它会静音并隐藏按钮。

【讨论】：