【问题标题】:Background audio on ipad wont stopipad上的背景音频不会停止
【发布时间】:2014-04-02 20:41:50
【问题描述】:
我有一个带有背景音频的网站,当我在 ipad 上关闭 safari 时,我不知道如何关闭它。在桌面上,我在模糊时静音并重新打开焦点,但在 ipad 上,当我点击主页按钮时,Safari 关闭但模糊事件不会触发。所以音频音频继续播放,因为 safari 在后台运行。
如果我双击主页按钮并强制 safari 停止运行,我可以让它停止,但这确实不是我想要推广的用户体验。有什么事件可以让我知道浏览器将要关闭吗?
【问题讨论】:
标签:
javascript
ios
ipad
mobile-safari
html5-audio
【解决方案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>