在 JavaScript 中播放流音频

2024-03-04

我目前正在使用node-lame对原始 PCM 输入流进行编码,我在 Node.JS 中有以下代码,可以成功输出二进制 MP3 块:

server.on('request', (req, res) => {
  encoded.pipe(res);
});

我尝试在前端界面中请求此代码,代码如下:

var audio = new Audio('http://localhost:8000/a.mp3'); // the above
audio.play();

但是,由于音频源是连续的输入流,因此内容会不断下载:

相反,我希望能够在下载块时播放它们。

我可以访问http://localhost:8000/a.mp3在 VLC 或 Quicktime Player 等应用程序中,音频传输工作正常;我只是不知道如何在网络上最好地做到这一点。

提前致谢。


这段代码对我们有用:

<audio id="music" preload="all">
   <source src="http://localhost:8000/a.mp3">
</audio>
<script>
  let music = document.getElementById('music');
  music.play();
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 JavaScript 中播放流音频 的相关文章

  • angularjs:如何向资源对象添加缓存?

    在 http 中添加缓存非常简单 通过传递cache true http docs angularjs org api ng http https docs angularjs org api ng service 24http有缓存选项
  • 如何通过单击图像预览上的“x”从文件输入中删除图像?

    我目前有一个文件输入 一旦用户上传图像 就会显示图像预览 在图像预览上 有一个 x 可以从列表中删除图像预览 单击此 x 后 有什么方法可以从输入中的文件集中删除图像吗
  • React-native:将场景绑定到导航栏

    我正在整理这个提问 回答应用程序 并遇到了这个障碍 我想从导航栏触发场景中的功能 与登录应用程序类似 我在导航栏中有一个用于提交答案的按钮 RightButton route navigator index navState if rout
  • 如何更改传单中功能集的样式?

    我正在看等值区域的例子 https leafletjs com examples choropleth https leafletjs com examples choropleth 这是他们使用的数据源 type Feature prop
  • 网站 YouTube 嵌入视频不断播放

    我正在使用 youtube 提供的 iframe 在我的网站上嵌入视频 我还使用了一个 css 弹出窗口 这是我从这个页面学到的http www pat burt com web development how to do a css po
  • 在Javascript中按降序对字符串进行排序(最有效)?

    W3Schools 有这个例子 var fruits Banana Orange Apple Mango fruits sort fruits reverse 这是在 Javascript 中按降序对字符串进行排序的最有效方法吗 Updat
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 使用 moment.js 检查输入日期是否为星期一

    好吧 我想检查日期是否是星期一 例如 var myDate new Date moment myDate DD MM YYYY dayIs monday 在我的国家 一周的第一天是星期一 所以 我真的想检查输入日期是否是一周的开始 我尝试使
  • 检查 touchend 是否在拖动后出现

    我有一些代码可以更改表的类 在手机上 有时表格对于屏幕来说太宽 用户将拖动 滚动来查看内容 但是 当他们触摸并拖动表格时 每次拖动都会触发 touchend 如何测试触摸端是否是触摸拖动的结果 我尝试跟踪dragstart和dragend
  • 是否可以使用 javascript 测试用户的浏览器/操作系统是否支持给定类型的链接?

    是否可以使用 javascript 或其他任何东西 测试用户的操作系统 浏览器是否支持给定的 url 方案 例如 大多数仅使用网络邮件的用户计算机上未设置 mailto 是否有可能以某种方式捕获单击 mailto 链接的尝试并弹出比浏览器错
  • JavaScript 中数组的 HTML 数据列表值

    我有一个简单的程序 它必须从服务器上的文本文件中获取值 然后将数据列表填充为输入文本字段中的选择 为此 我想要采取的第一步是我想知道如何动态地将 JavaScript 数组用作数据列表选项 我的代码是
  • Javascript - 将值从下拉框传递到 Google Maps API

    我正在使用 Google 地图 API 为一家出租车公司创建报价表 目前 用户在 2 个文本框中输入出发点和接载点 API 会计算两点之间的距离以及行程费用 我正在尝试添加两个具有设定位置的下拉框 以便用户可以选择这些位置之一或使用文本框输
  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr
  • 如何使JavaScript函数在Eclipse“大纲视图”中可见?

    我有这样的代码 但如果它在匿名函数中定义 则无法打开函数大纲 类没有问题 我该如何概述something2 请分享一些提示 我可以将所有函数标记为构造函数 但这是无效的方法 start of track event required deb
  • 如果数字小于 10,则显示前导零 [重复]

    这个问题在这里已经有答案了 可能的重复 JavaScript 相当于 printf string format https stackoverflow com questions 610406 javascript equivalent t
  • 无法在前端使用 JavaScript Fetch API 将文件上传到 FastAPI 后端

    我正在尝试弄清楚如何将图像发送到我的 API 并验证生成的token那是在header的请求 到目前为止 这就是我所处的位置 app post endreProfilbilde async def endreProfilbilde requ
  • 数据表日期范围过滤器

    如何添加日期范围过滤器 like From To 我开始进行常规搜索和分页等工作 但我不知道如何制作日期范围过滤器 我正在使用数据表 1 10 11 版本 My code var oTable function callFilesTable
  • 如何在 Google 地图 V3 中创建编号地图标记?

    我正在制作一张上面有多个标记的地图 这些标记使用自定义图标 但我还想在顶部添加数字 我已经了解了如何使用旧版本的 API 来实现这一点 我怎样才能在V3中做到这一点 注意 当您将鼠标悬停在标记上时 标题 属性会创建一个工具提示 但我希望即使
  • 防止文本区域出现新行

    我正在开发聊天功能 使用 Vue 并使用文本区域作为输入 以便溢出换行 并且对于编写较长消息的用户来说更具可读性 不幸的是 当用户按下 Enter 键并提交时 光标会在提交之前移动到新行 从而使用户体验感觉不佳 关于如何使用普通 Javas
  • 在 Javascript 中减少/分组数组

    基于this https stackoverflow com a 40774906 3254598例如 我想以稍微不同的方式按对象进行分组 结果应该如下 key audi items make audi model r8 year 2012

随机推荐

  • 来自不同线程的触发事件

    在我的主窗口中 Thread A 我开始一个新线程 Thread B 它在用户等待时做了一些工作 如果出现错误或需要用户提供额外信息 线程 B 会触发事件 线程 A 将侦听这些事件 在线程 A 的事件侦听器中 我需要向用户显示对话框消息 我
  • git 如何处理带空格的文件夹名称

    我有一个名为31 Files of oop 当我尝试运行此命令时 git rm rf 31 文件 oop 我收到这个致命错误 致命 pathspec 31 与任何文件都不匹配 我需要如何准备带空格的文件夹名称以便在 git 中使用 尝试这样
  • 如何将动态选择菜单和嵌套属性一起包含在 Rails 中?

    考虑我有三个表用户 国家 地区 州 我有一个添加新用户的页面 当我添加新用户时 我必须在选择框中列出国家 地区 并且在选择国家 地区时 多个选择框应加载该国家 地区的州 我应该能够选择所需的状态 同样 我可以单击添加按钮添加另一个选择框并选
  • Laravel 电子邮件验证 - 强制登录

    安装启用新的内置电子邮件验证后 一切正常 注册后发送电子邮件并单击激活启用帐户 但是 我面临着用户必须登录才能进行验证过程的情况 这意味着 如果用户在使用验证链接之前未登录 他将被重定向到登录页面 然后显示 resources view a
  • 为什么 observable.subscribe 只能在构造函数中工作

    在开发 Ionic 3 应用程序时 我遇到了当你订阅时的问题observable从服务于ngOnInit并将局部变量更新到其中 它不会更新视图 例如 HTML模板 p myVariable p constructor myService M
  • 如何正确实现自定义ajax

    为了保留标志文字 div class small 7 medium 4 columns logo 和菜单 div
  • 无法导入名称包括[关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我按照 django 中的教程进行操作并收到以下错误 找到了一些解决方案 但它没有解决我的错误 教程链接是this ht
  • 有什么方法可以从 jinja2 模板字符串中获取变量键吗?

    这是我初始化 jinja2 模板的代码片段 from jinja2 import Template templ Template foo to bar 我愿意从模板 obj 中提取模板字符串变量键 如下所示 templ keys foo b
  • 连续字母频率

    我正在尝试编写代码来确定字符串中字母的连续频率 例如 aabbcbb gt a 2 b 2 c 1 b 2 我的代码给出了第一个字母的频率 但不会继续到下一个字母 def encrypt str array count 0 str each
  • Spring集成网关“Dispatcher没有订阅者”

    我遇到了异常Dispatcher has no subscribers on the outboundChannel并且不明白为什么 我确信它很简单 我已将代码精简为下面一个非常简单的示例 我的背景是
  • 在子文件夹中使用 Node.js 应用程序的“工作目录”选项以及压缩/解压缩工件步骤时,GitHub Actions 部署错误

    我有一个简单的 Node js 服务器 我正在使用 GitHub Actions 中的以下工作流程将其部署到 Azure 应用服务 它包括工件压缩和解压缩步骤这个答案 https stackoverflow com a 69402502 1
  • 如何在 Flex 中克隆对象?

    我想克隆一个 Canvas 对象 其中包含具有多个几何形状的 Degrafa Surface 我尝试了天真的方法 return ObjectUtil copy graph area as Canvas 这导致了错误 TypeError Er
  • 有没有办法改变 flutter 应用程序中播放的音频的音调?

    再会 有没有办法让我使用插件来改变通过 flutter 应用程序播放的声音的音调 我看还是没有答案 您可以使用 just audio 包中的 setPitch 方法 如下所示 await audioPlayer setPitch 1 5 链
  • kubectl - 错误:您必须登录到服务器

    我已经使用 kubeadm 安装了 k8s 配置了 OIDC 配置完成后 当我运行命令时kubectl email protected cdn cgi l email protection get nodes I get 错误 您必须登录到
  • 识别两个表之间差异的最快方法?

    我需要根据事务存档表检查活动表 但我不确定执行此操作的最快方法 例如 假设我的实时表由以下列组成 Term CRN Fee 级别代码 我的存档表将具有相同的列 但也具有存档日期 以便我可以查看活动表在给定日期的值 现在 我将如何编写查询来确
  • ScrollView不显示顶部

    问题 当 ScrollView 增长超过一定高度时 它会隐藏其子视图的顶部 我在 XML 中定义了以下布局
  • EF - 代码优先 - 自动更新数据库

    我想在代码中使用自动迁移 但是每次我更改模型中的某些内容时 我都需要运行update Database手动 我可以自动完成吗 这是配置 public class Configuration DbMigrationsConfiguration
  • 如何在 Spring bean 中使用简单的类名?

    我该如何使用
  • 如何将基本身份验证与 RestKit 的 getObject 结合使用?

    我尝试了以下方法来设置基本身份验证用户名和密码 但它似乎没有通过请求中的基本身份验证 secureManager RKObjectManager objectManagerWithBaseURL http localhost 3000 re
  • 在 JavaScript 中播放流音频

    我目前正在使用node lame对原始 PCM 输入流进行编码 我在 Node JS 中有以下代码 可以成功输出二进制 MP3 块 server on request req res gt encoded pipe res 我尝试在前端界面