Question

我有一个带有背景音频的网站，当我关闭ipad上的safari时，我无法弄清楚如何关闭它。在桌面上我让它在模糊时静音并重新开启焦点，但在ipad上我点击主页按钮safari关闭但模糊事件不会触发。因此，音频音频会继续播放，因为safari正在后台运行。

如果我双击主页按钮并强制safari停止运行，我可以停止它，但这实际上不是我想要推广的用户体验。是否有任何事件我可以联系以找出浏览器即将关闭？

Answer 1

您是否尝试过基于pagehide / pageshow事件的内容？

我已将它们用于制表切换，它也适用于按下主页按钮时。

<audio src="pathto.mp3" controls id="audioTag"></audio>
<script type="text/javascript">
window.addEventListener('pagehide', function(){
    document.getElementById('audioTag').pause();
    alert('pagehide');
}, false);
window.addEventListener('pageshow', function(){
    document.getElementById('audioTag').play();
    alert('pageshow');
}, false);
</script>

在ipad上的背景音频不会停止

1 个答案: