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

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会遇到一些兼容性问题，它不适用于低于10的版本。

我过去常常使用一种感觉不舒服的方法...使用document的{​​{1}}事件。它可以工作，但我认为不是很好。

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

希望我的回答有所帮助：）