Javascript - Detect when user switches to another application

Question

I am working on a web application that plays videos. I need to detect when the user switches to another application so that I can pause the video.

E.g. the browser is still open in the background but the user is now busy in Skype or some other app.

https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload — Roberto Zvjerković, Feb 26 '19 at 09:44
@ritaj, thanks. But that event is only triggered when the user navigates away from the page using a link or the browser back button. — Jeandré, Feb 26 '19 at 09:52

score 1 · Answer 1 · edited Oct 05 '22 at 11:26

1

    document.addEventListener('visibilitychange', (event) => {
    if (document.visibilityState != 'visible'){
        window.location.href = "Alert.html"
        }
    })

edited Oct 05 '22 at 11:26

some-user

3,888
5
19
43

answered Sep 28 '22 at 10:47

Vinay Bandaru

11
1

This might not always be reliable if the user has disabled the Visibility API in their web browser, e.g. with [Disable Page Visibility API](https://addons.mozilla.org/pl/firefox/addon/disable-page-visibility) extension for Firefox. – Piotr Henryk Dabrowski Oct 05 '22 at 10:07

Javascript - Detect when user switches to another application

1 Answers1