在网站上打开和关闭声音答案

【问题标题】：turn sound on and off on a site在网站上打开和关闭声音
【发布时间】：2013-08-22 11:31:45
【问题描述】：

我正在制作一个带有音效的老式网站。现在我可以运行音效了，但我遇到了一些问题。我想知道如何使用按钮将它们全部打开和关闭。我希望在加载页面时默认打开它们，然后您可以打开或关闭它。

当你进入网站和点击链接等时，我已经让它们播放了。但是现在我想将它们全部静音。 Jquery .on 和 .off 对我不起作用...我想我在这里做错了什么，我对 javascript 不是那么精通：

var siteAudio = function () {
 if ( $(".turn-off").hasClass("turnedon") ) {   


var galleryleft = $("#galleryleft")[0];
$(".arrowleft").click(function() {
galleryleft.play();
});

}
else {
var galleryleft = $("#galleryleft")[0];
$(".arrowleft").click(function() {
galleryleft.pause();
});

}


$( ".turn-off" ).click(function() {
$('.turn-off').toggleClass('turnedon');
$('.turn-off').toggleClass('turnedoff');
$(siteAudio).off();
});

window.onload = function () {
$(siteAudio).on();
}

现在这可以正常工作了，但声音应该完全关闭，而是在您第四次单击某物时播放（或者在使用鼠标悬停时第四次播放。）我希望任何人都可以在这里说我做错了什么

【问题讨论】：

好像已经回答了：stackoverflow.com/a/14836099/1121532
不，不完全是。这使用了暂停。我必须使用一个按钮关闭所有效果。我希望我能以某种方式切换名为 siteAudio 的整个功能。坦率地说，我不明白最后一个回复是什么意思。
对不起，本来我以为你的问题是“我如何阻止声音播放”......我只知道.on()和.off()用于附加事件处理程序，虽然......答案即将到来（我希望）：

标签： javascript jquery audio switch-statement

【解决方案1】：

我 tink 这将根据您所说的进行。看来你想多了，这在 jQuery/javascript 中很常见 :)

$(document).ready( function() {
  var galleryleft = $("#galleryleft")[0];
  var gallerySoundOn = true;


  $( ".turn-off" ).click( function(e) {
    if( gallerySoundOn ) { gallerySoundOn = false; }
    else { gallerySoundOn = true; }
    e.preventDefault();
  });

  $(".arrowleft").click( function(e) {
    if( gallerySoundOn ) { galleryleft.play(); }
    else { galleryleft.play(); galleryLeft.currentTime = 0; }
    e.preventDefault();
  });

});

告诉我进展如何。

【讨论】：

【解决方案2】：

Simey，您刚刚向我提供了我需要的信息 :)，非常感谢！

我唯一需要改变的是

galleryleft.play(); galleryLeft.currentTime = 0;

我改成：

galleryleft.pause;

但对于其余部分，这比我的脚本更有意义。事实上，我把事情复杂化了。我欠你一杯啤酒……

【讨论】：