Question

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

我想在点击时调用一个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用于显示带音频的视频

或以下示例以及带有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;

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

2 个答案: