如何使用html5录制音频并保存在本地系统?

时间:2013-12-23 11:52:42

标签: html5 ipad audio safari mozilla

我的基本要求是让用户录制他的声音并希望将录制的音频保存在我的本地系统中。我们不打算使用Flash播放器,因为我们计划在移动设备上运行,我们的Web应用程序应该在桌面浏览器,手机以及iPad上运行?

我尝试运行at - 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播放器的情况下录制音频并将其保存在本地文件系统中?

由于

1 个答案:

答案 0 :(得分:1)

如果您想在浏览器中捕获音频,则需要使用navigator.getUserMedia功能。 正如您在示例中所看到的,它在initAudio函数(main.js文件)中使用:

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

有关getUserMedia的更多信息,请参阅html5rocks.com上的文章。由于can see getUserMedia仅适用于FF和Chrome。

如何将任何内容保存到本地文件系统。任何浏览器都不允许您向文件系统写入内容,它是未分类的,但是它们使用requestFileSystem在沙箱中实现了它。有关requestFileSystem的更多信息,请访问html5rocks.com

如果您想创建现代HTML5应用程序 - 请经常检查html5rocks.com等网站上的新文章并阅读已发布的内容。