Question

I have a web page that plays an embedded sound. If I “close” the browser on the iPad while the sound is playing, the sound does not stop. How can I make the sound stop playing when the browser is not visible?

Answer 1

Thought I’d let you know, since I just managed to find a solution.

Code like this, should work:

var lastSeen;
var loop = function (){
    lastSeen = Date.now();
    setTimeout(loop, 50);
};
loop();

var music = document.getElementById('music');
music.addEventListener('timeupdate', function (){
    if(Date.now() - exports.lastSeen > 100){
        this.pause();
    }
}, false);