html - 如何使用html5录制音频并保存到本地系统？

Question

我的基本要求是让用户记录他的声音，并希望将记录的音频保存在我的本地系统中。我们不希望使用Flash Player，因为我们也计划在移动设备上运行，因此我们的Web应用程序应该在台式机浏览器，移动设备以及iPad上运行吗？

我尝试运行由-http://webaudiodemos.appspot.com/AudioRecorder/index.html建议的示例

Windows 7 Firefox 26.0-无法正常工作

Windows 7 Chrome版本31.0.1650.63 m-工作

iPad Safari-无法使用

我需要一些可以在Windows，手机以及iPad上的任何浏览器上正常工作的解决方案吗？

如何在没有Flash Player的情况下录制音频并将其保存在本地文件系统中？

谢谢

Answer 1

如果要在浏览器中捕获音频，则需要使用navigator.getUserMedia函数。
从示例中可以看到，它在initAudio函数(main.js文件)中使用:

if (!navigator.getUserMedia)
            navigator.getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

您可以从有关html5rocks.com的文章中获取有关getUserMedia的更多信息。而且，您can see getUserMedia仅在FF和Chrome中有效。

如何将任何内容保存到本地文件系统。任何浏览器都不授予您向文件系统写入内容的权限，它是未分类的，但是他们使用requestFileSystem在沙箱中实现了它。您可以从html5rocks.com获取有关requestFileSystem的更多信息

如果您想创建现代的HTML5应用-经常在html5rocks.com等网站上查看新文章，并阅读已经发布的文章。