ipad上的背景音频不会停止

Posted 2023-03-14

【中文标题】ipad上的背景音频不会停止

【英文标题】：Background audio on ipad wont stop

【发布时间】：2014-04-02 20:41:50

【问题描述】：

我有一个带有背景音频的网站，当我在 ipad 上关闭 safari 时，我不知道如何关闭它。在桌面上，我在模糊时静音并重新打开焦点，但在 ipad 上，当我点击主页按钮时，Safari 关闭但模糊事件不会触发。所以音频音频继续播放，因为 safari 在后台运行。

如果我双击主页按钮并强制 safari 停止运行，我可以让它停止，但这确实不是我想要推广的用户体验。有什么事件可以让我知道浏览器将要关闭吗？

【参考方案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>