需求:当我们页面上正在播放视频或许播放背景音乐时,我们屏幕自动息屏或许切换顺序去看音讯时,我们愿望停息视频或背景音乐,回到顺序我们愿望继承播放视频或播放背景音乐。
小顺序上供应了 onUnload返回 onHide退出 onShow从新进入等生命周期,h5供应了一个visibilitychange,能够帮我们监测这类状况。
document.addEventListener("visibilitychange", () => {
if (document.hidden) {
audio.pause()
video.pause()
} else {
setTimeout(() => {
bgMusic.play()
video.play()
}, 2000)
}
});
关于2s延时:在测试中发明,当回到页面后100%会实行else 但已知在IOS上只是息屏else里的play事宜能实行胜利,但如果是点击home键或许切换到其他顺序则须要加2000延时才能够胜利实行播放事宜。详细机制不太清晰,如果有哪位大神指点个中启事请指教。