如何使用Chrome中的背景頁面播放視頻流？

我目前正在努力學習Chrome擴展API，並且想要在彈出式窗口中彈出一個Twitch.TV或youtube視頻流，該窗口即使在彈出窗口關閉後也會繼續播放。然後用戶可以再次打開彈出窗口以查看當前點的視頻。下面的代碼我到目前爲止（popupbackground.js）：如何使用Chrome中的背景頁面播放視頻流？

 document.addEventListener('DOMContentLoaded', function(){ 
     var view = chrome.extension.getBackgroundPage(); 
     chrome.browserAction.setPopup(view); 

    });

是JavaScript部分 - 只要它搜索後臺頁面彈出加載和設置彈出來了。這裏的背景頁（popup.html）：

<!doctype html> 
<html> 
    <head> 
    <title>Getting Started Extension's Popup</title> 

    <div id="hello"><iframe width="560" height="315" src="http://www.youtube.com/embed/utDHcbiOfKY" frameborder="0" allowfullscreen></iframe></div> 
    </head> 
    <body> 
    </body> 
</html>

，你可以看到這是一個固定的iframe現在 - 我要改變，在未來，但我想，以確保它與一個單一的視頻工作首先我之前去多個。下面是我所立爲一個虛擬運行的JavaScript（randompage.html）的頁面：

<html> 

    <script src="popupbackground.js"></script> 

</html>

和這裏的manifest.json檔案：

{ 
    "manifest_version": 2, 

    "name": "One-click Kittens", 
    "description": "This extension demonstrates a browser action with kittens.", 
    "version": "1.0", 

    "permissions": [ 
    "https://secure.flickr.com/", 
    "contentSettings", 
    "background" 
    ], 
    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "randompage.html" 
    }, 

    "background": { 
    "page": "popup.html" 
    } 
}

來源

2014-01-21 thatkidfrommars

我建議你考慮一下背景就好像它們只是js代碼一樣。實際的背景頁面只是代碼的容器，您不應該在該頁面上渲染任何東西，用戶將無法看到它。

另一方面，彈出頁面是「短暫的生活」。它們在用戶點擊外部時關閉，並且在用戶導航時像選項卡上的任何頁面一樣銷燬。您的視頻將關閉，其流也將關閉。

我看不到一種方法來做你想做的事，但這並不意味着它不能做到。

來源

2014-01-21 12:50:41

有沒有辦法像hoverzoom一樣動態顯示背景頁面作爲div？這樣，流可以始終在運行，但是當用戶切換選項卡並單擊按鈕時，您可以告訴後臺頁面再次顯示而無需重新啓動視頻 – thatkidfrommars

如何使用Chrome中的背景頁面播放視頻流？

回答

相關問題