Question

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

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

Answer 1

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

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

我看不到你想要的方法，但这并不意味着它无法完成。

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

1 个答案: