如何在静音与JS网页所有声音？ [英] How to mute all sound in a page with JS?

问题描述

我怎么能静音所有的声音我与JS网页上？

How can I mute all sound on my page with JS?

这应该静音HTML5 ＆LT;音频＆GT; 和＆lt;视频方式＆gt;与Flash和朋友一起标记

This should mute HTML5 <audio> and <video> tags along with Flash and friends.

推荐答案

规则＃1：不要让在页面加载音频自动播放

Rule #1: Never enable audio autoplay upon page loading.

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

Anyway I'll show for HTML5 using jQuery:

// 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;

});

闪存媒体播放器依赖于定制的API（hopefuly）接触到的JavaScript。

Flash Media Players depends on the custom API (hopefuly) exposed to JavaScript.

但你的想法，通过媒体迭代，检查/存储播放状态和静音/取消静音。

But you get the idea, iterate through media, check/store playing status, and mute/unmute.

这篇关于如何在静音与JS网页所有声音？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！