iOS detecting when the user minimizes the browser

[Rolf]

Hi, 

 

Currently I'm working on a game that uses music loops.  I need to pause the music when the user opens a new tab or minimizes the browser. 

 

I use this code: 

var eventName = 'visibilitychange';if ( document.webkitHidden != undefined ){	eventName = 'webkitvisibilitychange';}function handleVisibilityChange() {	if (document.webkitHidden||document.hidden) {		currentLoop.pause();	} else {		currentLoop.play();	}}document.addEventListener(eventName, handleVisibilityChange, false);

On Android works very well, but on iOS only works when the user opens a new tab or navigates to another tab, not when the user minimizes the browser or switches to another app. window.blur nor window.focus work either. 

 

Any workaround?

 

Thank you!

 

 

[musikov]

Hi,

try using

window.addEventListener("pagehide", function() {    currentLoop.pause();});window.addEventListener("pageshow", function() {    currentLoop.play();});

it handles browser hide and show, but doesn't handle tab switching.

The answer is based on safari documentation https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html