Question

我在动画序列的指定时间播放了我在画布动画中播放的声音。

我正在使用的代码是：

var snd = new Audio("sounds/explosion.mp3");
snd.play();

声音效果很好。我想要一次使用静音按钮来静音页面上的所有声音，主要是出于辅助功能。

我不知道如何解决这个问题，所以任何帮助都会受到赞赏。

Answer 1

使用JavaScript 音频对象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>

我的画布动画的静音按钮

1 个答案: