如何使用javascript静音/取消静音音频

我在这里创建了一个function小提琴（ http://jsfiddle.net/rhy5K/10/ ）。 现在我想为用户提供声音“静音/取消静音”选项。 例如，如果我点击“一个链接然后声音播放就像Get ready,5,4,3,2,1应该是静音，反之亦然。

我想在点击时调用to toggle_sound函数，但我很困惑，我应该在函数内部写什么来静音。

请为我提供一个逻辑，或解决我的问题。

使用代码示例解释：

我想在下面播放MUTE / UnMUTE

 var playGetReady = function (done) { var ids = ['audiosource', 'a_5', 'a_4', 'a_3', 'a_2', 'a_1'], playNext = function () { var id = ids.shift(); document.getElementById(id).play(); if (ids.length) { setTimeout(playNext, 1000); } else { done(); } }; playNext(); }; 

警告： 这个JS小提琴演示可能会在加载时播放声音

Answer 1

尝试

HTML5 Video_tag用于显示带有音频的video

或者下面这个例子以及带有jquery的html5

window.my_mute = false;

$（’＃my_mute_button’）。bind（’click’，function（）{

 $('audio,video').each(function(){ if (!my_mute ) { if( !$(this).paused ) { $(this).data('muted',true); //Store elements muted by the button. $(this).pause(); // or .muted=true to keep playing muted } } else { if( $(this).data('muted') ) { $(this).data('muted',false); $(this).play(); // or .muted=false } } }); my_mute = !my_mute; 

}）;

Answer 2

我想你可以用：

 document.getElementById(id).volume = 1; 

要么

 document.getElementById(id).volume = 0;