How to play a notification alert sound when the browser window is minimized and when a notification comes from the server

Question

I have a requirement where i need to play a notification sound only when the browser window is minimized similar to what GTalk does.

I've tried it using JQuery's $(window).blur() but it only plays it when I manually blur it but not when the notifications comes and the window is blurred.

Here is the fiddle that I have tried: http://jsfiddle.net/zfUnm/

Actually this is a chat notification that i have to play only when the browser is minimized.

Thanks in advance

how are you getting the notification from the server? – Harry Sep 29 '12 at 14:40 — Harry, Sep 29 '12 at 14:40

score 3 · Accepted Answer · edited May 23 '17 at 11:59

I think they don't play it when minimize. They will call it every time the new notification comes, but when window is active, they disable the sound.

var isactive = false;

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

onNotificaitonComes = playSound;

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

You can find out more method here Is there a way to detect if a browser window is not currently active?

How to play a notification alert sound when the browser window is minimized and when a notification comes from the server

1 Answers1