需求:对一个单页面的音频进行控制; 跳转到其他链接上音频暂停;再回来的时候就继续播放音频.上代码
<body>
<audio controls="" id="audioBox" loop>
<source src="音频地址" type="audio/ogg" />
</audio>
</body>
<script>
// 使用visibilitychange来监听页面的变化
const audioBox = document.getElementById("audioBox");
document.addEventListener('visibilitychange', function(){
if(document.hidden){
// 页面不可见 音频暂停
audioBox.pause();
} else{
// 页面可见 音频继续播放 如果想要重新播放先audioBox.load()
audioBox.play();
}
})
</script>
扫一扫
2111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
