javascript - 如何在用户离开页面时停止播放音乐

Question

如何在用户离开带有SoundCloud容器的页面时停止播放音乐？

我得到了 stopAll 的定义:

 stopAll = function() {
      $('.sc-player.playing a.sc-pause').click();
 };

但是我不知道怎么用请帮我加上这个。

Answer 1

我认为这是因为当用户切换到另一个选项卡时你想使音乐静音？

您可以试试这个 API:Page visibility ，像这样:

//startSimulation and pauseSimulation defined elsewhere
function handleVisibilityChange() {
  if (document.hidden) {
    stopAll();
  } 
}

document.addEventListener("visibilitychange", handleVisibilityChange, false);

但是这个 api 有一些兼容性问题，它不能在 ie 10 以下的版本上工作。

我曾经应用过一种我感觉不太舒服的方法...使用document 的blur 事件。它可以工作，但我认为不是很好。

如果您的意思是用户关闭了标签页，那么它将是 onunload事件;但如果他们已经关闭了整个页面，我认为您不需要将音乐静音....

希望我的回答对您有所帮助:)