當彈出窗口關閉時播放聲音文件（Google擴展程序）

Question

我正在開發一個Google擴展插件來播放一組歌曲。該擴展程序有一個彈出窗口來完成音量控制。我使用jPlayer播放歌曲。

我面臨兩個問題：

1. 如果彈出關閉時，音樂停止（作爲球員的代碼在彈出的我怎能播放的背景音樂。 ？
2. 如何在彈出窗口關閉時記住變量？例如，假設我有一個變量status，它表示播放器的當前狀態（播放/停止）。問題是，由於變量在彈出窗口時被破壞如何在彈出窗口間記住它們

Answer 1

1. 請勿在彈出窗口中嵌入播放器，請將其放入background page。然後，也避免了問題2。

2. 使用localStorage（或chrome.storage）保存數據。
   另一種選擇是將消息傳遞到後臺頁面。這通常可以使用message passing完成。在彈出窗口，這是更容易使用chrome.extension.getBackgroundPage()：

   // popup.js: 
   var background = chrome.extension.getBackgroundPage(); 
   // On load? 
   var data = background.saved_data; 
   
   // ... Later, when data changes, update data: 
   background.saved_data = data; 
   

下面是使用無邊框YouTube播放器的Chrome擴展程序的後臺頁面播放視頻的例子：https://stackoverflow.com/a/9379277/938089（所有文件包括在內）。