Google chrome 如何使用Chrome中的背景页面播放视频流？_Google Chrome_Google Chrome Extension

Google chrome 如何使用Chrome中的背景页面播放视频流？

google-chrome google-chrome-extension

Google chrome 如何使用Chrome中的背景页面播放视频流？,google-chrome,google-chrome-extension,Google Chrome,Google Chrome Extension,我目前正在尝试学习Chrome扩展API，我想在弹出窗口中创建一个popup Twitch.TV或youtube视频流，即使在弹出窗口关闭后仍能继续播放。然后，用户可以再次打开弹出窗口以查看当前点的视频。以下是我到目前为止的代码（popupbackground.js）：是javascript部分——一旦弹出窗口加载，它就会搜索背景页面并将弹出窗口设置为背景页面。以下是背景页面（popup.html）：我建议您将背景页看作只是js代码。实际的背景页面只是代码的容器，您不应该在该页面上呈现任何内

我目前正在尝试学习Chrome扩展API，我想在弹出窗口中创建一个popup Twitch.TV或youtube视频流，即使在弹出窗口关闭后仍能继续播放。然后，用户可以再次打开弹出窗口以查看当前点的视频。以下是我到目前为止的代码（popupbackground.js）：

是javascript部分——一旦弹出窗口加载，它就会搜索背景页面并将弹出窗口设置为背景页面。以下是背景页面（popup.html）：

我建议您将背景页看作只是js代码。实际的背景页面只是代码的容器，您不应该在该页面上呈现任何内容，用户将无法看到它

另一方面，弹出页面是“短暂的”。它们在用户单击外部时关闭，并在用户导航离开时像选项卡上的任何页面一样自行销毁。您的视频将关闭，其流也将关闭

我看不到一种方法可以实现您想要的功能，但这并不意味着它无法实现。

有没有一种方法可以像hoverzoom那样将背景页面动态显示为div？这样，流可以始终运行，但当用户切换选项卡并单击按钮时，您可以告诉背景页面再次显示，而无需重新启动视频

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

    });

<!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>

<html>

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

</html>

{
  "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"
    }
}