iphone - 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