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