javascript - ipad上的背景音乐不会停止

标签 javascript ios ipad mobile-safari html5-audio

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

如果我双击主页按钮并强制 Safari 停止运行,我可以让它停止,但这真的不是我想要提升的用户体验。是否有任何事件我可以 Hook 以发现浏览器将要关闭?

最佳答案

您是否尝试过基于 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>

关于javascript - ipad上的背景音乐不会停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22822605/

相关文章:

javascript - 页面将刷新而不是重定向

javascript - 单击时保持元素的悬停样式处于事件状态

ios - 始终让iOS应用处于唤醒状态

ios - 如何在SwiftUI中允许在“文本”标签上选择文本?

php - javascript 页面重新加载后保留值

javascript - 如何在 Jest 中模拟嵌套函数?

ios - 首次使用动态链接下载后更新应用程序时未调用 openURL 方法

css - 为什么我的页面在 ipad/iphone 上向左对齐?

html - 图像在设备上不缩放

iphone - 标签中带有实时的 slider