<分区>
我在动画序列中的指定时间在我的 Canvas 动画中播放了一个声音。
我为此使用的代码是:
var snd = new Audio("sounds/explosion.mp3");
snd.play();
声音完美。我想包括一个静音按钮,以一次性将页面上的所有声音静音,主要是出于可访问性原因。
我不确定该怎么做,所以我们将不胜感激。
<分区>
我在动画序列中的指定时间在我的 Canvas 动画中播放了一个声音。
我为此使用的代码是:
var snd = new Audio("sounds/explosion.mp3");
snd.play();
声音完美。我想包括一个静音按钮,以一次性将页面上的所有声音静音,主要是出于可访问性原因。
我不确定该怎么做,所以我们将不胜感激。
最佳答案
使用 JavaScript Audio 对象 muted
属性来测试静音状态和设置静音的示例。
<button id="mute">mute</button>
<script>
var snd = new Audio("sounds/explosion.mp3");
snd.play();
document.getElementById('mute').addEventListener('click', function (evt) {
if ( snd.muted ) {
snd.muted = false
evt.target.innerHTML = 'mute'
}
else {
snd.muted = true
evt.target.innerHTML = 'unmute'
}
})
</script>
关于javascript - 我的 Canvas 动画的静音按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29391596/