如何用JS静音页面中的所有声音？

Z时代
2024-01-10
分类：问答

如何使用JS静音页面上的所有声音？

这应该使HTML5 <audio>和<video>标记以及Flash和好友无效。

回答：

规则1：切勿在页面加载后启用音频自动播放。

无论如何，我将使用jQuery显示HTML5：

// WARNING: Untested code ;)
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;
});