javascript - 了解用户何时在浏览器中查看您的站点与其他选项卡/应用程序

Question

<分区>

Answer 1

基于以上其他评论的综合答案。是的，这主要是一个重复问题，但它被很好地提出来，因此如果有人没有回答它，它将永远保留在未回答的问题库中。对于有此问题并找到此答案的其他人，请参阅问题评论中的其他链接主题。

<BGSOUND id="BGSOUND_ID" LOOP=1 SRC="jsilence.mid">

<script type="text/javascript" language="JavaScript">

    function onBlur() {
        document.body.className = 'blurred';
    };
    function onFocus(){
        document.body.className = 'focused';
    };

    if (/*@cc_on!@*/false) { // check for Internet Explorer
        document.onfocusin = onFocus;
        document.onfocusout = onBlur;
    } 
    else {
        window.onfocus = onFocus;
        window.onblur = onBlur;
    }

    function playSound(audioURL) 
    {
        if (document.body.className == 'blurred')
        {
            if (document.all) 
            {
                document.all['BGSOUND_ID'].src=audioURL;
            }
            else 
            {
                self.iplayer.location.replace('jsplayer.htm?'+audioURL);
            }

            setTimeout("stopSound();", 500);
        }
    }

    function stopSound() 
    {
        if (document.all) 
        {
            document.all['BGSOUND_ID'].src='jsilence.mid';
        }
        else 
        {
            self.iplayer.location.replace('jsplayer.htm?stop');
        }
    }

    function NewMessage(message)
    {
        ShowMessage(message);
        playSound('ding.mid');
    }

</script>

如果用户使用这些浏览器中的任何一个，此代码将使用 IE 和 opera 的 BGSound 标签播放声音，否则它假定页面上有一个名为 iplayer 的 iframe 并使用嵌入式第 3 方播放器。有关详细信息，请参阅来源。

1. 关注码来源:Here
2. 声音播放来源:Here