iPhone Safari - 按住home按钮时暂停html音频

Question

我的页面内有一个音频元素，在点击按钮时开始播放。

有没有办法来暂停当用户按下iPhone HOME按钮和Safari浏览器进入背景音频？

谢谢！

Answer 1

利用循环来检查用户是否在网页上。存储时间。

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

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

来源：Stop HTML5 audio from looping when iOS Safari is closed