所以即時建立一個鍍鉻擴展,我已經放置了播放電臺的音頻播放器。它在彈出窗口打開時工作,但在彈出窗口關閉後停止。在彈出窗口關閉後是否可以保持音頻播放器流動?如果是的話,你能給我一些關於如何實現這一目標的想法嗎?謝謝彈出關閉後如何保持音頻[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>
請參閱編輯:) – Jonathan
@Jonny編輯答案。 – serg
我想我明白了。請參閱edit2。我在正確的軌道上嗎? – Jonathan