javascript - Cordova/Javascript 录音

Question

我一直在使用 Cordova、VueJs 和 Onsen UI(用于 VueJs)开发一个新应用程序，现在我想实现，使用 Android 或 iOS 设备中的麦克风，录制一些音频并发送它到 Google Speech to Text API。

我知道如何将数据发送到 API，但我的主要问题是如何从移动设备记录数据并使用它(暂时不保存到设备本身，除非没有网络连接，然后数据应该被保存并且对 API 的请求应该被排队直到有一个稳定的网络连接。

有几件事我需要实现: - 可选择的比特率 - 检测设备上剩余的空间以计算最大记录长度(很高兴) - 更长的录制时间(只要基本上有空间，或者如果没有(简单的)将它切割成多个片段的方法则限制它) - 能够实现自定义 UI

我已经查找了几种方法来执行此操作，但大多数教程/指南/文档都已过时，具有已弃用的功能/方法或具有固定的 UI。

我已经尝试过大多数推荐的 Cordova 插件，唯一有效的插件有一个固定的 UI，这对我来说是行不通的，我正在开发的应用程序需要一个自定义 UI。在我尝试过的事情列表中还有 getUserMedia()，直接在我的 iPhone 上使用 Safari 开发者工具，返回未定义。

如果我错了并且错过了一些令人惊叹的 native 功能或一些 npm 包/Cordova 插件，请纠正我。

欢迎任何建议或链接!

编辑:总而言之，我正在寻找主流方式(对于两个平台，最好使用相同的代码)来录制音频，在需要时临时存储它并用它做一些事情(比如将它发送到 API)。

编辑 2:客户刚刚提出了一些新请求，这大大改变了应用程序的范围。要求的更改之一(对于客户而言，这是最重要的功能)是我保存了用户录制的音频文件，因此可以随时播放。不会应用设备之间的同步。问题还是一样，但我确实需要保存录制的音频。

Answer 1

对于非常简单的用法，您是否尝试过标准插件？我知道你说过你已经测试了一些插件，但我在一些旧的宠物项目中使用过并且它有效，所以可能是调用插件的问题:

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-media/index.html#mediastartrecord

这很简单，如果您需要更多控制，恐怕您必须使用 native 代码创建自定义插件。我们已经做了类似的事情来访问 Android 均衡器和其他功能。