如何在浏览器窗口最小化以及来自服务器的通知时播放通知警报声

Question

我有一个要求，只有在浏览器窗口最小化时才需要播放通知声音，类似于GTalk。

我已经尝试过使用JQuery的$（窗口）.blur（）但它只在我手动模糊它时播放，但是当通知出现并且窗口模糊时它才会播放。

这是我尝试过的小提琴：http://jsfiddle.net/zfUnm/

实际上这是一个聊天通知，我必须在浏览器最小化时播放。

提前致谢

Answer 1

我认为他们在最小化时不会播放它。他们会在每次收到新通知时调用它，但是当窗口处于活动状态时，它们会禁用声音。

var isactive = false;

function playSound(){
    if (isactive) return;
    playWav...;
}

onNotificaitonComes = playSound;

$(window).focus(function(){
    isactive = true;
}).blur(function(){
    isactive = false;
});

您可以在Is there a way to detect if a browser window is not currently active?

找到更多方法