首页 > 其他 > 详细

visibilitychange 浏览器能见度改变?

时间:2021-05-31 15:49:04      阅读:7      评论:0      收藏:0      [点我收藏+]

一个需求webview中自动播放音频,当应用切到后台是暂停音乐,打开时在此播放

const audio = new Audio();
audio.src = InitAudio;
audio.play();
document.addEventListener(‘visibilitychange‘, () => {
  console.log(document.visibilityState);
  if (document.visibilityState === ‘hidden‘) {
    setTimeout(() => {
      audio.pause();
    }, 50);
  } else {
    setTimeout(() => {
      audio.play();
    }, 300);
  }
},false);

需要注意,当再次打开app时候需要等待资源加载完在播放不然容易播放失败

visibilitychange 浏览器能见度改变?

原文:https://www.cnblogs.com/cxyqts/p/14831388.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!