在 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 音频 - 录制保存文件正常,但通过音频控制播放时没有声音