2011-07-03 118 views
1

所以即時建立一個鍍鉻擴展,我已經放置了播放電臺的音頻播放器。它在彈出窗口打開時工作,但在彈出窗口關閉後停止。在彈出窗口關閉後是否可以保持音頻播放器流動?如果是的話,你能給我一些關於如何實現這一目標的想法嗎?謝謝彈出關閉後如何保持音頻[mp3播放器]在Chrome中播放?

編輯@Serg 我想我已經有它在一個背景頁面?我的設置如下。在我的popup.html中,我有一個導航欄,鏈接到各個html頁面。要了解這些鏈接是針對iframe的。

popup.html

<div class="nav-bar"> 
      <a href="latest.html" target="frame" style="color:#FFF"><li class="nav">Latest</li></a> 
      <a href="podcasts.html" target="frame" style="color:#FFF"><li class="nav">Podcasts</li></a> 
      <a href="books.html" target="frame" style="color:#FFF"><li class="nav">Books</li></a> 
      <a href="stream.html" target="frame" style="color:#FFF"><li class="nav">Radio Stream</li></a> 
</div> 

     <iframe src="latest.html" scrolling="auto" width="480" height="330" style="border:0px;" name="frame"></iframe> 

段段從stream.html

<div id="player" style="float:right;width:480px;margin:0;padding:0"></div> 

<script type="text/javascript"> 
var so = new SWFObject('http://www.radiostation.com/embed/minipro.swf','fmp256','480','70','9'); 
so.addParam('allowscriptaccess','always'); 
so.addParam('allowfullscreen','false'); 
so.addParam('wmode','transparent'); 
//so.addParam('flashvars','playlistsize=40&playlist=bottom&file=http://www.radiostation.com/feed.xml'); 
so.write('player'); 
</script> 

你能幫我明白你把它放在一個背景頁是什麼意思?我該怎麼去做呢?

Edit2 @Serg我試圖把它放到後臺頁面,但我不知道如何正確地執行它,然後在stream.html上調用它。

段從background.html

function getPlayerStream(){ 
       var so = new SWFObject('http://www.site.com/embed/minipro.swf','fmp256','480','70','9'); 
so.addParam('allowscriptaccess','always'); 
so.addParam('allowfullscreen','false'); 
so.addParam('wmode','transparent'); 
//so.addParam('flashvars','playlistsize=40&playlist=bottom&file=http://www.site.com/feed.xml'); 
so.write('player'); 
      } 

stream.html

<html> 
    <head> 
<link href="css/style.css" rel="stylesheet"/> 
<script type="text/javascript" src="http://www.site.com/embed/swfobject.js"></script> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

     <script type="text/javascript"> 
      background = chrome.extension.getBackgroundPage(); 
      background.getPlayerStream(); 
     </script> 
    </head> 
    <body> 

     <div id="content"> 


     <div id="player" style="float:right;width:480px;margin:0;padding:0">The live feed player is currently offline.</div> 

     </div> 
    </body> 
</html> 

回答

2

嵌入您的播放器到背景頁。

背景頁面是一個不可見但始終加載的獨特頁面。你可以閱讀關於它here

您目前在stream.html中的內容需要在後臺頁面中,如果您希望它始終保持加載狀態。

UPDATE

您的實際<div id="player">需要在後臺頁面。您無法在iframe中實際看到播放器,只能通過javascript以編程方式控制播放器(如果該播放器支持此選項)。

+0

請參閱編輯:) – Jonathan

+0

@Jonny編輯答案。 – serg

+0

我想我明白了。請參閱edit2。我在正確的軌道上嗎? – Jonathan