在 html5 应用上录制音频

Posted

技术标签:

【中文标题】在 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/

【讨论】:

以上是关于在 html5 应用上录制音频的主要内容,如果未能解决你的问题,请参考以下文章

在 Chrome 中使用 HTML5 和 getUserMedia 录制音频

使用html5上传在浏览器中录制的音频

HTML5 音频 - 录制保存文件正常,但通过音频控制播放时没有声音

如何在asp.net的Web应用程序中录制音频? [复制]

有没有办法在 mp4 中使用 ruby​​ on rails / web / html5 录制音频

通过 HTML5 API(RecordJS 或替代方法)将音频录制到 AAC