visibilitychange 浏览器能见度改变？

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

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

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