用户在移动Safari上离开页面时暂停声音

Question

我正在应用程序的后台播放音频，但是我想在用户最小化或Safari进入后台时停止播放。

我已经尝试过working element.onfocus 。

我也尝试使用window.requestAnimFrame但效果不理想。

我不知道如何停止音频。

Answer 1

您可能会成功使用pageshow和pagehide事件，这些事件是在Safari浏览器进入后台时触发的。

但是，当您在Safari浏览器中切换标签页时，我没有任何事件知道。

这也是一个为您完成大部分工作的小型图书馆： https : //github.com/zynga/jukebox

Answer 2

作为对您和对Mageek评论的答复，您应该检查首选使用jQuery的onfocus事件和onblur事件（可能）：

$(window).focus(function() { 
//enable sound
}); 

$(window).blur(function() { 
//disable sound
}); 

这可能会解决问题，但尚未对其进行测试。