使用 HTML5 录制音频答案

【问题标题】：Audio recording with HTML5使用 HTML5 录制音频
【发布时间】：2014-03-27 21:27:54
【问题描述】：

我正在尝试在网站中实现录音。基本上，用户应该能够按下按钮并对麦克风说话。然后应将录制的音频发送到服务器以进行进一步处理。我知道你可以用 Flash 做到这一点，但现在我试图避免这种情况。

我在互联网上找到了一些关于它的资源（即link），但看起来，这个功能还没有得到广泛支持。我在使用的浏览器和使用的操作系统之间遇到了差异。例如，Chrome 浏览器似乎无法正确访问 Linux 上的任何麦克风。所以我想知道是否有人知道一个很好的资源来深入研究这个。或者也许有人试图自己设置类似的东西，并且可以提供一些关于 HTML5 和 JavaScript Web Audio API 的限制现在在哪里的建议。

谢谢！

【问题讨论】：

您现在可以使用Recorder.js、WebAudioRecorder.js 或vmsg。

标签： javascript html audio recording getusermedia

【解决方案1】：

从 Chrome 版本 27.0.1453.56 beta Mac 开始，音频录制可与此演示应用程序一起使用 https://github.com/mattdiamond/Recorderjs

此应用为用户返回一个 WAV 文件，该文件可以上传到服务器。

如果您想要一个适用于大多数桌面网络浏览器的真正强大的解决方案，您可能需要求助于 Flash。

【讨论】：

谢谢，我已经知道 recorder.js 并在我的项目中尝试过。它真的让生活更轻松一点。浏览器问题仍然存在（这并不奇怪）。但我发现 Chrome 和 Linux 有一个非常奇怪的行为。我遇到了问题，一切正常，Chrome 似乎找到了我的麦克风，但是当我录制一些东西时，生成的 wav 文件是空的……里面只有一大堆零。但是当我导航到chrome://flags/ 时，它起作用了。而且我什至没有更改设置中的任何内容，我只是导航到页面。但这可能是另一个问题。
您使用的是稳定版 chrome 还是 beta 版？将其报告为 linux 版本的错误可能会很好。
@basilikum 在 chrome 28.0.1500.95 中的 windows 8 上遇到完全相同的问题，但仍然没有找到让它工作的方法。

【解决方案2】：

这篇文章很好地涵盖了使用 HTML5 捕获音频视频的当前状态：

http://hdfvr.com/html5-video-recording

也仅用于音频捕获，这里有一个 gitHub 项目，可以直接从浏览器将音频录制到 mp3：

https://github.com/nusofthq/Recordmp3js

【讨论】：