gpt4 book ai didi

javascript - 弹出窗口关闭后如何保持音频 [mp3 播放器] 在 chrome 中播放?

转载 作者:行者123 更新时间:2023-11-30 18:42:10 25 4
gpt4 key购买 nike

所以我正在构建一个 chrome 扩展,我已经放置了一个播放广播电台的音频 flash 播放器。它在弹出窗口打开时工作,但在弹出窗口关闭后停止。弹出窗口关闭后是否可以保持音频播放器流式传输?如果是这样,你能给我一些关于如何实现这一目标的想法吗?谢谢

编辑@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>

最佳答案

将您的播放器嵌入到背景页面中。

背景页面是一个不可见但始终加载的独特页面。你可以阅读它here .

您目前在 stream.html 中拥有的内容如果您希望它始终保持加载状态,则需要位于后台页面中。

更新

您的实际 <div id="player">需要在后台页面中。您将无法在 iframe 中实际看到播放器,只能通过 javascript 以编程方式控制它(如果该广播播放器支持此类选项)。

关于javascript - 弹出窗口关闭后如何保持音频 [mp3 播放器] 在 chrome 中播放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6560439/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com