使用HTML5和Chrome的getUserMedia录制音频

Question

我想在Chrome浏览器中录制音频，而不使用Flash或Silverlight，并使用PHP和MySQL将其存储在数据库或服务器上。目前我只看到了使用getUserMedia和HTML5的一些JS代码来完成此操作。

例如： http://webaudiodemos.appspot.com/AudioRecorder/index.html 我从Github上获取了源码： https://github.com/cwilso/AudioRecorder 问题是它似乎在我的本地主机上无法工作。事实上，包含在其中的index.html与托管版本完全相同。托管版本可以正常运行，但是当在我的本地机器上运行相同的内容时，它会抛出错误并说无法getUserMedia()。

是否有人实现过类似的功能或有任何见解？非常感谢！

- Guy

---

请发布确切的错误并指明错误来自哪里：服务器、浏览器还是其他？ - dataskills

Answer 1

对于每个浏览器，它都使用自己的前缀，因此对于Chrome，它是webkitGetUserMedia（）

有关不同前缀的更多信息，请参见Mozilla的页面： https://developer.mozilla.org/en-US/docs/Web/API/Navigator.getUserMedia

- user3366410

Answer 2

我看到你提到了localhost，但是如果你尝试通过file:///来访问网站而不是实际使用http://localhost（一个Web服务器），Chrome将会阻止访问getUserMedia。

如果你正在尝试使用file:///访问它，那么你需要使用命令行参数--allow-file-access-from-files打开Chrome。

- Kevin M

Answer 3

以下是一个 GitHub 项目，它使用 HTML5 和 JS 直接从浏览器录制音频并转换为 MP3 格式。

目前该项目已经在 Chrome 和 Firefox 上运行良好。

https://github.com/nusofthq/Recordmp3js

如果您想更详细地了解实现过程，可以阅读博客文章： http://nusofthq.com/blog/recording-mp3-using-only-html5-and-javascript-recordmp3-js/

- Remus Negrota