javascript - 我的 Canvas 动画的静音按钮

标签 javascript html canvas html5-canvas html5-audio

<分区>

我在动画序列中的指定时间在我的 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/

相关文章:

javascript - Backbone.js 路由器未检测到 url 更改

javascript - 将名称的键/值数组动态添加到对象数组中

javascript - 如何通过用户输入更改js src

javascript - 在Javascript中计算二次曲线上任意点的切线斜率

javascript - 不允许输入类型来选择过期日期

没有迭代的Javascript数组空检查

javascript - canvg 不适用于已经放在 body 中的 svg?

android - 单路径 Android 的多种颜色

internet-explorer - 向 IE 发送特定样式表时遇到问题

javascript - 将变量从 jsp 页面传递到 servlet