如何在用戶離開頁面時停止播放音樂

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的blur事件。它可以工作，但我認爲不是很好。

如果您的意思是用戶關閉了該選項卡，那麼它將是onunload事件;但我不認爲你需要保持沉默的音樂，如果他們已經關閉了整個頁面....

希望我的回答可以幫助:)