3

我想为我的互联网广播网络电台创建一个 chrome 扩展。

我设法让它全部工作，除了每当我点击远离弹出窗口时，它就会关闭，并且流随之停止。

读了一点之后，我发现我需要创建一个背景页面，这将使播放器在后台运行。

那就是我迷路和困惑的地方。

即使我没有打开弹出窗口，如何让流继续工作？

再一次 - 事情是这样的：当您单击它打开的扩展程序时，我的播放器会出现（iframe 中的 Flash 播放器）。我点击播放，它工作得很好。当我想继续上网时，我点击我所在的页面，它会关闭扩展程序并停止音乐。

这是我的文件 manifest.json：

{
  "name": "JointRadio",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Online Radio Station",
  "background_page": "background.js",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },

  "permissions": ["tabs"],
}

popup.html：

<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style>
      body {
        min-width:357px;
        overflow-x:hidden;
      }

      img {
        margin:5px;
        border:2px solid black;
        vertical-align:middle;
        width:75px;
        height:75px;
      }

      #mainplayer {

      }
    </style>

    <!-- JavaScript and HTML must be in separate files for security. -->
    <script src="popup.js">
  </head>
  <body>
  <iframe width="460" border=0 height="130" src="http://jointil.com/broadcast/flexAmp.swf" frameborder=0 marginheight=0 marginwidth=0 id="mainplayer"></iframe>
  </body>
</html>

提前致谢！！：） 亚当

4

1 回答 1

1

我找到了一种即使关闭弹出窗口也可以播放流的方法，但问题是播放器没有显示在弹出窗口中......我在“background.js”中添加了这段代码

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'http://85.25.118.16:7502/;');
audioElement.setAttribute('controls', true);
audioElement.setAttribute('hidden', false);
audioElement.play();

2 - 清单.json：

{
"name": "Kombat Syndicate Radio Extension",
"version": "1.0",
"manifest_version": 2,
"description": "Kombat Syndicate Radio",
"background": {
"persistent": true,
"scripts": ["background.js"]
},
"browser_action":   {
    "default_icon": "icon.png",
     "19": "icons/icon.png",  
     "128": "icons/icon_128.png",
    "default_popup": "ksradio.html"
},

    "permissions": ["tabs", "http://*/*", "background"]

    }

如果我知道如何在弹出窗口中显示播放器，我会告诉你.. 如果你发现如何在我面前显示它，请告诉我：P

编辑：

我注意到在您的“popup.html”中，“ <script src="popup.js">”不正确，请在“ </script>”之后添加“”，<script src="popup.js">这样您将拥有“ <script src="popup.js"></script>”

于 2012-12-15T11:10:04.240 回答