程序员经验分享-hwhale

在 JavaScript 中将音频从 getUserMedia() 编码为 .OGG [重复]

2024-02-04

我正在开发一个 HTML5 项目，将 iOS 应用程序转换为基于 Web 的应用程序。应用程序内容创建的一部分是录音，我尝试在 JavaScript 中复制它而不使用插件；到目前为止，我已经能够从 getUserMedia() 录制音频，并通过 Recorder.js 将其转换为 WAV。

然而现在，我有点失落了。我目前有两个单独的视图，一个用于录制内容，一个用于回放，但我不知道如何将从 Recorder.js 导出的音频放入我的 JSON 负载中进行回放（我想避免强制服务器上传或客户端下载）。

所以我想我的具体问题是，如何获取 Recorder.js 生成的 blob 对象（我几乎一无所知）并将其转换为原始数据，或者以某种方式通过 JSON 发送文件？

UPDATE:我决定尝试使用 speex.js 工具（https://github.com/jpemartins/speex.js https://github.com/jpemartins/speex.js）来编码 .OGG（比 .WAV 小得多）。但是，我不太确定如何使用它；演示页面似乎不适合我，并尝试调用.encode()Speex 对象的函数似乎并未实际对数据进行编码，我只在对象字段中得到零。有谁知道我可以学习如何使用此类工具的任何资源？


有一个库（麻省理工学院许可）应该可以工作，我相信不久前我已经看到这个库被用来从网站上的 getUserMedia 音频流保存 ogg 文件。我依稀记得图书馆的名字，但我想就是这个：

https://github.com/streamproc/MediaStreamRecorder/blob/master/AudioStreamRecorder/MediaRecorder.js https://github.com/streamproc/MediaStreamRecorder/blob/master/AudioStreamRecorder/MediaRecorder.js

整个项目在GitHub上：https://github.com/streamproc/MediaStreamRecorder/ https://github.com/streamproc/MediaStreamRecorder/

由于实现这一目标似乎很难，因此至少值得一看以了解这些概念 - 但我想说，我们在这里处理的是相当高级的 javascript...

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

javascript

json

html

speex

getusermedia

在 JavaScript 中将音频从 getUserMedia() 编码为 .OGG [重复] 的相关文章

  • 我需要一个 jQuery Autocomplete 使用 ajax 返回 id 和 name 的示例

    我需要一个示例 说明如何编写 jQuery 自动完成代码来填充product id 同时显示调用ajax 页面 remote php 的product name

  • 将事件添加到 Google Maps API InfoWindow 内的元素

    我想在 Google Maps API v3 InfoWindow 内放置一个带有输入字段和提交按钮的表单 提交后 我想调用一个函数 该函数使用输入字段中输入的地址启动方向服务 这是我的代码 我目前只测试方向事件是否被触发 我已经编写了完整

  • 三.js环境光意想不到的效果

    在下面的代码中 我渲染了一些立方体并使用点光源和环境光照亮它们 然而 当设置为 0xffffff 时 AmbientLight 会将侧面的颜色更改为白色 无论其指定的颜色如何 奇怪的是 点光源按预期工作 我怎样才能使环境光表现得像点光 因为

  • 将字符串（是一个函数）转换回 Javascript 中的函数

    我在下面将此函数作为字符串 我如何将其转换回函数 我正在从 JQuery 事件中提取事件处理程序 我想将它们存储为字符串 然后将它们转换回来 因为它们将保存在 mySQL 中 function if GActiveClick return

  • Spark DataFrame 序列化为无效 json

    TL DR 当我倾倒 Spark 时DataFrame作为 json 我总是得到类似的结果 key1 v11 key2 v21 key1 v12 key2 v22 key1 v13 key2 v23 这是无效的 json 我可以手动编辑转储

  • Next.js：如何将 source-map-explorer 与 Next.js 一起使用

    我想分析我的 Next js 构建源地图浏览器 https www npmjs com package source map explorer 有人可以帮我编写脚本吗 对于 React CRA 我使用以下脚本 build analyze n

  • 如何在美人鱼节点描述中添加链接？

    我想 如下图所示 div class mermaid graph TD A hello B an b important b link A gt B div 在下面添加实际链接link指向http google com 我尝试将相关节点修改

  • Browserify：如果需要，使用 module.exports，否则暴露全局

    我正在考虑采用浏览器化 http browserify org 对于我的一些项目 但想确保其他人如果想使用 捆绑的 代码就不必使用 browserify 执行此操作的明显方法是通过以下方式公开模块导出module exports以及通过一个

  • Angularjs - 将 True/False 显示为 Yes/No

    有没有一种简单的方法可以将真 假值显示为是 否 我正在从数据库检索包含以下内容的 JSON 对象 对象 WithCertification true 这是 HTML 有认证 elem WithCertification 正在显示这个 认证真

  • 将字符串转换为正确的 URI 格式？

    有没有简单的方法可以将电子邮件地址字符串转换为正确的 URI 格式 Input http mywebsite com validate email 3DE4ED727750215D957F8A1E4B117C38E7250C33 email

  • 可选回调的 JavaScript 样式

    我有一些函数偶尔 并非总是 会收到回调并运行它 检查回调是否已定义 函数是一种好的风格还是有更好的方法 Example function save callback do stuff if typeof callback undefined

  • Facebook API Javascript JSON 响应

    function getUser FB api me function response console log Response is response alert Your name is response first name ale

  • Socket.io 与服务器离线连接

    如何检测服务器是否离线或由于其他原因无法连接 我的代码看起来像这样 this socket io connect connectionInfo reconnect false 它不会抛出任何错误 因此 try catch 子句不起作用 Us

  • 在React组件中使用的字符串变量中插入html

    我正在为我的投资组合网站构建一个反应应用程序 目前我已经用 JSX 编写了应用程序 因此我可以添加以下内容 class Project extends React Component render return div h1 this pr

  • 将下拉按钮和下拉菜单放在中心？

    div class dropup center block div

  • 这个 JQuery 指令做什么 $(function(){...}) [重复]

    这个问题在这里已经有答案了 我最近一直在研究JQuery 尽管我知道一些东西 但书上有这样一句话我根本无法理解 function current entry 1 有谁知道这条线是如何工作的以及它的作用是什么 它类似于 JQuery 函数中的

  • 角度 4 单击按钮功能未触发

    我正在尝试检查文本输入是否为空或不在角度 4 中 我没有为此使用表单 这只是一个输入字段 当我在下面的按钮中执行 addLocaton 函数时 需要进行检查 我的输入字段

  • iframe 主体删除空间

    我的 iframe 风格为style width 100 几乎覆盖了页面宽度 但它在左侧和右侧留下了一个小边距 所以我添加了body margin 0px 删除空间 它有效 但问题是删除边距影响其他事物 例如段落 p inside 有没有办

  • 如何调试 Node.js 应用程序？

    如何调试 Node js 服务器应用程序 现在我主要使用警报调试打印语句如下 sys puts sys inspect someVariable 一定有更好的调试方法 我知道谷歌浏览器 http en wikipedia org wiki

  • Javascript/jQuery 外部高度()

    Does idOfLememt outerHeight 对所有浏览器产生相同的结果 IE7 有什么不同吗 只要去http api jquery com outerHeight http api jquery com outerHeight

随机推荐

  • 如何使用免费且公开的Rapid API并在flutter Application中调用API

    例如 我订阅了一个名为 https rapidapi com rapidapi api movie database imdb alternative 的免费公共 API 其java代码片段如下 OkHttpClient client ne

  • 初始化空切片的正确方法

    要声明一个大小不固定的空切片 最好这样做 mySlice1 make int 0 or mySlice2 int 只是想知道哪一种是正确的方法 您给出的两个替代方案在语义上是相同的 但是使用make int 0 将导致内部调用运行时 mak

  • 带有 sourcemap 的 Webpack 无法解析生产模式下的变量

    我想使用 Webpack 为我们的生产构建生成源映射 我设法生成它 但是当我在调试器中的断点处停止时 变量未解析 我究竟做错了什么 如何生成一个源映射 让 chrome devtools 在我停止在调试器中的断点处时解析变量 这些是我的 w

  • find_library 或 link_directories 或 find_package？什么是更好的方法？错误 - 使用 cmake 链接库

    Given文件 usr lib gstreamer 0 10 libgstffmpeg so存在在 CMakeLists txt 中进行更改 方法一 find library find library GST FFMPEG 名称 gstff

  • 在数据库中存储数组

    我想知道在数据库中存储数组是否真的是好的做法 我倾向于使用json encode而不是serialize 但只是想知道这是否是一个好主意 如果没有 那么我可以做一些小的更改 然后用逗号将数组内爆 不 这是一种可怕的做法 请不要插入 CSV

  • 方法中的方法

    我正在创建一个带有一些可重用代码的 C 库 并尝试在方法内创建一个方法 我有一个这样的方法 public static void Method1 Code 我想做的是这样的 public static void Method1 public

  • 非本地类型上具有多个条件的 GDB 断点

    我正在调试一个 C C 程序 我想在其中设置一个断点 其条件取决于多个变量 中断 foo cpp 60 if bar 3 i 5 这似乎不起作用 因为它会在遇到 foo cpp 60 时停止 而不是在两个条件匹配时停止 它甚至不匹配其中一个

  • Symfony 3.3 将存储库注入服务

    我有一个包 它保存在私有 Satis 存储库中 因为它的实体和存储库在多个应用程序之间共享 使用该捆绑包的其余应用程序是 Symfony 2 7 和 2 8 应用程序 我正在开发一个新应用程序 要求使用 Symfony 3 3 在 symf

  • 为什么在控制台应用程序中使用 async/await 时需要 AsyncContext？

    我在控制台应用程序中调用异步方法 我不希望应用程序在启动后不久即退出 即在可等待的任务完成之前退出 看来我可以这样做 internal static void Main string args try Task WaitAll DoThis

  • 全局禁用实体框架中的动态代理

    请问如何禁用 Entity Framework 5 中创建的所有实体的动态代理 目前 我正在设置这个espEntities Configuration ProxyCreationEnabled false 在每一个实例中DbContext有

  • 使用柱形图而非蜡烛图的 OHLC 图表的 GGPlot

    我正在研究 R 中的 ggplot 并尝试创建股票图表 我已经能够创建烛台图 现在我想制作条形图 它由一条从低价到高价的垂直线组成 然后 线的左边是开盘价 右边是收盘价 我不知道如何添加这个勾号 我能想到的最接近的东西是 geom erro

  • 如何接受文件 POST

    我正在使用 asp net mvc 4 webapi beta 来构建休息服务 我需要能够接受来自客户端应用程序的发布的图像 文件 使用 webapi 可以吗 以下是我目前正在使用的操作方式 有谁知道这个例子应该如何工作 HttpPost

  • 将地址转换为坐标

    有没有办法用 bing 地图将地址转换为坐标 Thank 从地址到纬度 经度坐标的过程通常称为地理编码 这篇博文有一些使用 Bing 的 WP7 的很好的示例代码 http www braincastexception com wp7 we

  • 如何将 RGB 或 HEX 颜色代码分组为更大的颜色组集？

    我正在分析大量图像并提取主要颜色代码 我想将它们分组为通用颜色名称范围 例如绿色 深绿色 浅绿色 蓝色 深蓝色 浅蓝色等 我正在寻找一种与语言无关的方式来自己实现一些东西 如果有我可以研究的例子来实现这一点 我将非常感激 在机器学习领域 你

  • 在 Apple iAP 中哪里可以找到有关 SSServerErrorDomain 的说明？

    我们有一个应用程序 它收集了一些来自 Apple iAP 购买的错误代码 在collect dashboard中 我们看到一些错误代码报告 但找不到确切的含义 例如 SSServerErrorDomain 2004 SSServerErro

  • ImportError：无法导入名称 ABCMeta - Linux 上 PyDev 中的 Python 错误

    我在 Linux 上使用 PyDev 编写代码时遇到了这个奇怪的错误 即使像这样的简单代码也会产生错误 print Hello World 错误就在这里 True Traceback most recent call last File u

  • 如何在 Windows Phone 8 应用程序中检查互联网连接可用性

    我正在开发Windows Phone 8 应用程序 在此应用程序中 我必须连接到服务器才能获取数据 因此 在连接到服务器之前 我想检查设备的互联网连接是否可用 如果互联网连接可用 那么只有我会从服务器获取数据 否则我会显示错误消息 请告诉我

  • AWS 放大在公共目录中添加文件

    当我在放大选项中提供密钥时 我正在使用 AWS amplify 在 s3 存储桶中上传视频 它会创建一个公共文件夹 然后获取该密钥 Amplify Storage uploadFile user hello 123321 mp4 examp

  • Dropbox 应用只能与一个 Dropbox 帐户交互

    我的需要是有一个简单的网络表单 还可以让人们上传一些 pdf 文件 我认为我可以做的 由于上传文件的大小和数量 是将这个应用程序的后端绑定到我的 dropbox 帐户或我的 box com 帐户 这两种服务都提供类似的 API 来构建应用程

  • 在 JavaScript 中将音频从 getUserMedia() 编码为 .OGG [重复]

    这个问题在这里已经有答案了 我正在开发一个 HTML5 项目 将 iOS 应用程序转换为基于 Web 的应用程序 应用程序内容创建的一部分是录音 我尝试在 JavaScript 中复制它而不使用插件 到目前为止 我已经能够从 getUser

热门标签