程序员经验分享-hwhale

在 Chrome 扩展中运行喊播广播

2023-12-23

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

我设法使这一切正常工作，除了每当我点击弹出窗口时，它就会关闭，并且流也会随之停止。

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

这就是我迷失和困惑的地方。

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

再次 - 事情是这样的： 当您单击扩展程序时，它会打开，并且我的播放器会显示（iframe 中的 Flash 播放器）。我点击“播放”，效果非常好。当我想继续上网时，我单击我所在的页面，它会关闭扩展程序并停止音乐。

这是我的文件清单.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"],
}

弹出.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>

提前致谢！！ :) 亚当


我找到了一种方法，即使弹出窗口关闭也可以使流播放，但问题是播放器不会显示在弹出窗口中...... 我在“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

Edit:

我注意到在你的“popup.html”中“<script src="popup.js">“不正确，请补充”</script>“ 后 ”<script src="popup.js">“这样你就会有”<script src="popup.js"></script>"

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Background

在 Chrome 扩展中运行喊播广播 的相关文章

  • jQuery 从 select 获取值然后更改 div 的 css

    我一直在尝试使用这个例子 但我一生都无法让它发挥作用 从选择中更改 Div 的背景 https stackoverflow com questions 5764413 change background of div from select

  • QT后台进程进行键盘输入嗅探

    我正在开发一个简单的应用程序 该应用程序将在后台运行并捕获用户的键盘输入 如键盘记录器 但用于 LAN 我正在发送 UDP 数据包来传输击键 但从后台进程捕获键盘输入的问题似乎仍然无法解决 所以需要帮助 如果您想在 Windows 上执行此

  • 在按钮上应用滤色器

    我有很多带有很多不同背景颜色的按钮 我想知道是否有办法在点击时应用一些滤色镜 例如 我希望所有按钮在单击时变得更暗 它们保留了原来的颜色 但颜色更深了 有没有一种简单的方法可以做到这一点 或者我必须为每个按钮定义较暗的颜色 Thanks 我

  • UITabBar 背景图像的图像缩放

    我在我的应用程序中创建了 UITabBarController Then in viewDidLoad 我想更改 UITabBar 背景图像 这是我试图使其工作的代码 class MainTabBarController UITabBarC

  • Android 形状背景

    是否可以在 xml 中绘制一个形状 并使用 png 作为该形状的背景 我已经有了形状 它是一个带圆角的正方形 我想为该正方形添加背景 是的 您可以使用任何形状文件作为任何视图的背景 此示例创建圆形背景 形状周围有白色和黑色边框 样本 圆角

  • Java中如何设置背景图片？

    我正在使用 Java 使用 BlueJ 作为 IDE 开发一个简单的平台游戏 现在 我在游戏中使用多边形和简单形状绘制了玩家 敌人精灵 平台和其他物品 最终我希望用实际图像替换它们 现在我想知道将图像 URL 或来自本地源 设置为游戏窗口

  • 带有背景图像的 UITableView 单元格

    我有一个 UITableView 其中有 3 张图像 1 表示选定的单元格 1 表示单元格背景 1 表示TableView 背景 我选择的单元格工作正常 但正常单元格和 TableView 背景 当您向下 向上滚动太多时 单元格后面的背景

  • 如何在后台保持 iphone ios xmpp 连接处于活动状态？

    iPhone 的 XMPPFramework 功能强大 我已经启动并运行了它 但是如何在后台保持连接 10 分钟以上 我希望获得更多有关如何实现此目标的文档 操作方法 因此 用例非常简单且常见 Joe 在线并且正在使用 iPhone 聊天应

  • 背景 x 重复负边距重叠

    实际上是我关于堆栈的第一个问题 我试图在重复背景上获得负 右 边距 这样重复图像之间就不会出现间隙 似乎没有 CSS 语法来实现这一点 为了清楚起见 我在下面添加了一张图片 所以我试图让类似饼干的东西的重复图像重叠 这样它们之间就没有间隙

  • 更改 UIWebView 的文本颜色

    我正在制作一个 epub 阅读器 我将 HTML 页面加载到其中webview webview loadRequest NSURLRequest requestWithURL NSURL fileURLWithPath pagesPath

  • 如何平滑过渡 CSS 背景图片？

    主要的解决方案是 只需抛出一个加载屏幕 直到页面加载完毕 但我的目标是构建能够快速呈现基础知识的页面 无需加载屏幕 然后在图像和精美功能准备就绪时进行转换 所以我会等到它加载完毕 然后淡入 或者我会加载一个非常低分辨率的版本 然后在准备好时

  • CSS 背景图像尺寸过渡

    我正在研究一个简单的标记 可以调整 div 背景图像的大小 看小提琴 http jsfiddle net zeYZL http jsfiddle net zeYZL 我需要使用简单的 CSS 过渡来为其设置动画 我尝试这样做 tile ho

  • 当我将 HTML 标签设置为 100% 高度时，我的内容消失了

    我有一个垂直布局 我想保持页面居中 一列保持固定在页面上 而另一列应根据内容滚动 并且有一些绝对的装饰性浮动 div 我希望滚动列垂直显示 100 即使内容不需要高度 但我似乎无法让它工作 我已将 html 标签和 body 标签以及所有必

  • 如何使用代码隐藏创建 StackPanel -> 边框 -> 背景

    我正在尝试设置 a 的属性TreeViewItem gt StackPanel在 C 中就像这个问题 https stackoverflow com questions 8203316 adding content to a treevie

  • Firefox OS 后台服务

    我想构建一个应用程序 用户可以通过它输入一些设置 并且应用程序将启动后台服务来根据这些设置执行一些任务 我只想在模拟器中运行应用程序和后台服务 我知道它需要 认证 模式才能运行后台服务 但我现在不考虑在 Firefox Marketplac

  • 如何在bash中列出所有后台pid

    要么我无法正确表达我的搜索 要么答案不容易找到 但我正在尝试找出如何列出我的所有后台任务 PID 例如 到目前为止 我发现要列出我们使用的最后一个 PID 但现在我想列出之前任务的 PID 如果存在 但我找不到如何做到这一点 最终我想列出我

  • iOS NSURLSession，如何在didCompleteWithError中重试

    我想在我的服务器上尝试一次调用 直到成功为止 我想每 30 秒尝试一次 所以我使用 NSURLSession 进行通话 NSURLSessionDownloadTask task self session downloadTaskWithR

  • Android：如何使用后台线程？

    我开发了一个应用程序 它从互联网获取内容并相应地在设备的屏幕上显示它 该程序运行得很好 就是有点慢 加载并显示内容大约需要 3 4 秒 我想将获取内容并将其显示在后台线程中的所有代码放在一起 当程序执行这些功能时 我想显示一个进度对话框 你

  • 如何更改 aptana studio 的背景颜色？

    如何将 Aptana IDE 或整个主题 的黑色背景更改为其他背景 例如蓝色 正如 gyozo 在评论中提到的 对于蓝色主题 请使用 窗口 gt 首选项 gt Aptana Studio gt 主题 并选择 Eclipse 主题

  • CSS：100% 宽度和背景？

    在我的页面中 有 2 3 个部分的宽度和背景为 100 当我全屏打开它时 一切正常 但当屏幕小于 960px 本节内容的宽度 时 背景图像不是整个页面 右侧的瞬间隐藏在没有背景的地方 它是白色的 你可以在这里明白我的意思 http mico

随机推荐

  • 使用 Windows 身份验证时向身份添加自定义声明

    我很难理解在 Net MVC 应用程序中使用 Windows 身份验证时如何添加自定义声明 这里的挑战是在登录时使用数据库中的自定义声明填充用户的身份 以避免每次我想检查自定义授权属性时都进行数据库调用 但使用 Windows 身份验证使事

  • 检查参数是否是Python模块？

    我如何 Python方式 检查参数是否是Python模块 没有像模块或包这样的类型 gt gt gt os

  • 如何更改 Apache 的默认目录和索引文件（通过 XAMPP 安装）[关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 如何更改 Apache 的默认目录和索引文件 通过 XAMPP 安装 而不是寻找htdocs and index 它寻找myPath and myFi

  • 在 Windows XP 中搜索 unicode 文本

    有没有办法在 Windows XP 下搜索文本文件中的 unicode 字符 例如 假设我希望查找带有欧元符号的文本文档 虽然标准 XP 搜索允许我搜索欧元符号 但当我知道它们至少应该有几个时 它不会产生任何匹配项 Wingrep 也有同样

  • 无法为使用 PEP 517 且无法直接安装的 _ 制造轮子 - Easy Solution

    我正在尝试安装一个使用 PEP 517 的软件包 由于涉及 517 的 Wheel 构建的错误 最新版本的 Pip 不允许我安装 过去 我通过降级 Pip 安装软件包并将 Pip 升级回最新版本来解决此问题 但是 在我的 virtualen

  • spring maven profile - 根据编译配置文件设置属性文件

    我会创建一些像这样的编译配置文件 个人资料名称 dev 配置文件名称 测试 配置文件名称 生产 在 src main resources 中我有 3 个文件夹 开发 文件 属性 测试 文件 属性 生产 文件 properties 每个文件包

  • - 讨论' aria-label='CSS 和 - 讨论'> CSS 和 - 讨论

    我想更改用于在网站上上传文件的输入和浏览按钮的样式 并且一直在阅读这实际上是不可能做到的 显然有一些黑客可能有效 未经测试 但在我浪费时间之前 我想知道为什么专业网站似乎没有问题 当我说专业时 我指的是可以上传简历的求职网站 可以上传脚本的

  • 如何在不使用 !important 或 javascript 的情况下覆盖内联 CSS？

    有没有办法在不使用的情况下覆盖内联CSS important并且不使用 JavaScript 例如 div style background color red div 我想知道是否可以在没有以下内容的情况下覆盖它 div backgrou

  • 如何使用 Databricks 将 CSV 写回 Azure Blob 存储？

    我正在努力写回 Azure Blob 存储容器 我可以使用以下内容从容器中读取内容 storage account name expstorage storage account key 1VP89J container source sp

  • Angular js 不起作用

    这是我的 html 文件 angular js 文件位于 java main webapp js 文件夹下 当我点击它时 Intellij 可以看到它 但代码不起作用 我在屏幕上打印出 helloMessage 而不是 hello worl

  • 当前上下文中不存在 MVC Razor 帮助程序

    我在 MVC4 Web 应用程序中创建了一个自定义剃刀助手 我需要在所有视图中使用它 在我的所有视图页面中 我似乎无法使用我的自定义助手 VS2012不只是看到它 请问我该如何解决这个问题 EDIT 当我运行页面时它确实有效 只是VS看不到

  • pytesseract 和 image.tif 文件

    我需要使用 pytesseract 将包含多个页面的 image tif 转录为文本 我有下一个代码 gt From PIL import Image gt Import pytesseract gt Pytesseract pytesse

  • 检测给定文件是否是图像以及java中特定类型的有效图像

    我需要从用户输入文件中获取该文件应该只是指定类型的图像 例如 仅有的JPEGs 其他文件必须被拒绝 所以我对文件实施了简单的基本检查 fileName toLowerCase endsWith jpg fileName toLowerCas

  • 对数据框列进行排序/对齐，以便行字符串值与主列表列匹配，如果列中不匹配则打印 0

    我想根据第一列 MASTER 中的字符串主列表对数据帧 3106 行 x 24 列 进行排序 以便数据帧的每一行中的字符串在存在匹配且存在时对齐不匹配则为该单元格打印 0 主列表包含任何列中的每个可能的字符串 但并非每个字符串都会出现在每列

  • 从表格上清除物体，何时何地？

    我有一个简单的 Windows 窗体应用程序 在表单上 我有一个自定义类 它有自己的 Dispose 方法 所以问题是我什么时候应该调用这个 FormClosed 事件 即 Form1 FormClosed 是否是执行此操作的正确位置 或者

  • .NET 的 StringBuilder 是线程安全的吗

    MSDN 文档的常规 线程安全 部分StringBuilder指出 不保证任何实例成员都是线程安全的 但这个语句感觉就像是为框架中的几乎每个类复制并粘贴了 http msdn microsoft com en us library syst

  • CombinedDomainXYPlot 不重新缩放域轴

    当我从使用 CombinedDomainXYPlot 的图表中隐藏系列数时 所有范围轴都会很好地自动重新缩放 但是 域轴不会重新缩放 有没有办法手动刷新缩放 或者我可能缺少一个设置来启用此设置中域轴的自动缩放 CombinedDomainX

  • JAX-RS和自定义授权

    我正在尝试保护 JAX RS 端点 目前正在尝试弄清楚身份验证和授权是如何工作的 大多数示例都非常简单 因为它们仅通过 web xml 搭载 Java EE 应用服务器角色 我想知道如何使用 Java EE AS 角色之外的其他角色 例如

  • Couchbase Lite 2 + JsonConvert

    以下代码示例将一个简单的对象写入 couchbase lite 版本 2 数据库 然后读取所有对象 这个你可以在官方文档中找到here https developer couchbase com documentation mobile 2

  • 在 Chrome 扩展中运行喊播广播

    我想为我的网络shoutcast网络广播电台创建一个chrome扩展 我设法使这一切正常工作 除了每当我点击弹出窗口时 它就会关闭 并且流也会随之停止 读了一点之后 我发现我需要创建一个后台页面 这将使播放器在后台运行 这就是我迷失和困惑的

热门标签