【问题标题】:One click to mute another click to unmute点击静音再点击取消静音
【发布时间】:2015-03-11 21:50:21
【问题描述】:

我有一个简单的网站,其菜单包含悬停时的声音,我添加了一个按钮来静音,但问题是当我再次单击按钮取消静音时它不起作用。

<script>
var audio = document.getElementById('single-beep');
function enableMute() { 
audio.muted = true;
} 

【问题讨论】:

  • 为什么要混合使用 jQuery 和原生 JS?你可以试试 audio.play();这将是一个更一致的开始。
  • 如果您阅读了 enableMute 函数,就会很清楚为什么它不会取消播放器的静音。 (muted=true)您需要检查播放器是否静音,以便您可以切换真/假

标签: javascript jquery hover mute


【解决方案1】:

我找到了解决方案,我应该使用这个非常简单的代码:

 audio.muted = !audio.muted;

我在这里找到了答案:

mute and unmute button toggle html5 audio

【讨论】:

  • 是的,这行得通。我已经在jsFiddle 中测试了您的代码,
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-21
相关资源
最近更新 更多