javascript - How to keep audio [mp3 player] playing in chrome after popup closes? -
so im building chrome extension , have placed audio flash player plays radio station. works while popup open stops after popup closes. possible keep audio player streaming after popup closes? if can give me idea on how achieve this? thanks
edit @serg think have in background page? setup follows. in popup.html have navigation bar links individual html pages. these links targeted @ iframe.
snippet 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> snippet stream.html
<div id="player" style="float:right;width:480px;margin:0;padding:0"></div> <script type="text/javascript"> var = 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> can me understand mean placing in background page? how go doing it?
edit2 @serg made attempt @ putting background page im not sure how , call on stream.html.
snippet background.html
function getplayerstream(){ var = 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 offline.</div> </div> </body> </html>
embed player background page.
background page unique page isn't visible loaded. can read here.
what have in stream.html needs in background page, if want stay loaded.
update
your actual <div id="player"> needs in background page. won't able see player in iframe, programmatically control through javascript (if radio player supports such option).
Comments
Post a Comment