在 html5 应用上录制音频

Posted 2023-02-25

【中文标题】在 html5 应用上录制音频

【英文标题】：Record audio on html5 app

【发布时间】：2012-05-16 18:28:10

【问题描述】：

我正在尝试构建一个 html5 应用程序，其中一部分需要录制长度应长达一分钟的音频，然后将其编码为基于 64 位的音频，因此我进行了相当多的搜索，但没有找到很好的答案。

是否有任何方法可以在 html5 应用程序上使用 Html5、javascript 或本地 API 录制音频，尤其是在 ios 设备上？

【问题讨论】：

1 分钟的 16 位立体声音频大约是 1 MB。转换为 base64 的内容很多。

【参考方案1】：

Html5 还没有被广泛接受的音频录制方法。如果您的目标是非 iOS，您可以使用 flash 或任何数量的调用 flash 的 javascript 包装器（例如 http://www.sajithmr.me/jrecorder-jquery 我认为 soundmanager2 也可以工作，但我不确定）。对于 iOS，您仍然需要编写一个应用程序。 :(

【参考方案2】：

目前的简短回答是否定的。因为尚未在 HTML5 浏览器中实现音频。 方法有效，但您无法捕获任何音频。

这里有一个详细的答案：Recording html5 audio

【参考方案3】：

现在回复可能为时已晚，但话虽如此，Chrome 和 Firefox 现在都完全支持getUserMedia，如果需要，您可以将它与 AudioContext 接口一起使用，直接从浏览器捕获音频。

以下 gitHub 项目仅使用 HTML5 和 JS 录制音频并将其以 MP3 格式直接保存在浏览器中。

录音保存在base64中，录音后也可以在浏览器中直接收听。

该项目可以在这里找到： https://github.com/nusofthq/Recordmp3js

并且是 RecorderJS 的扩展，也使用 libmp3lame.js。

如果您希望可以阅读有关实际实现的更多详细信息： http://nusofthq.com/blog/recording-mp3-using-only-html5-and-javascript-recordmp3-js/