javascript - HTML5 音频 : Music does not stop even after navigating away from the website

Question

我正在使用 HTML5 制作手机游戏。游戏过程中会播放背景音乐，理想情况下，当我导航到另一个页面时，背景音乐应该停止……该逻辑在较旧的 iPhone 和 Android 上运行正常。然而，在 iPhone 4 和 iPad 上，音乐不会停止并继续播放(即使我导航到另一个网站)，直到浏览器关闭。当然有一个电话

music_var.pause()

代码中的函数以及卸载处理程序...但这似乎不起作用。对这里发生的事情有什么想法吗？

Answer 1

设法找到解决方案，如I've posted here

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

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);

这大致就是我的文件的样子。由于 timeupdate 事件在正在播放的音频元素上不断触发，因此我只需检查上次调用循环的时间。如果调用时间超过 100 毫秒，我会暂停音乐。在我测试的 iPad 上表现得非常出色。