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

Question

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

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

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

使用代码示例说明：

我想在下面的声音播放中静音/取消静音

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 fiddle 演示可能会在加载时播放声音

Answer 1

试试

HTML5 Video_tag 用于显示带音频的视频

或 下面这个例子以及带有 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;