iPhone Safari - 按主页按钮时暂停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