如何从网站录制用户的声音,但没有Flash?

时间:2012-05-02 10:39:01

标签: php javascript web-services html5

如何在没有Flash的情况下从网站录制用户的语音?我想使用HTML5,但我发现它很难实现。 This site表示此功能现在仅受最新版本的Chrome和Opera支持。

在搜索了这里和其他网站的文章后,我决定找到另一种方法。

场景是:用户将使用不同类型的平台(Android / iOS和其他操作系统),但他们访问同一网站并在其设备中录制语音并稍后上传。

BTW:我的目的是,当用户按下我的网页上的“录制”按钮时,录制开始于他的麦克风。当他再次按下按钮时,过程停止。这可以在iPad或移动电话上,这样他就无法通过其他软件录制他的声音并存储在他的设备中然后上传。他们使用他们的设备链接我的网页来录制语音。该网页不仅适用于在PC上运行的用户。

我可以通过javascript在客户端实现此功能吗?或者我应该参考服务器端?我应该采用什么语言和方法?

3 个答案:

答案 0 :(得分:1)

您可以在此处查看google关于录制音频的网络基础文章:https://developers.google.com/web/fundamentals/media/recording-audio/

它非常容易理解,它与设备无关,显然得到了正确的浏览器支持。您可以录制并保存在本地设备上的音频或将其上传到服务器。希望它有所帮助。

哦,并且在一张纸条上,它基于HTML5和js。我不知道为什么你认为使用HTML5实现它很困难,但我希望这会有所帮助。

答案 1 :(得分:0)

如果由我决定,我会选择上面提到的链接,如果在用户浏览器中不支持,则只需使用Flash applet的回退。

谈到移动平台,至少在iPhone上你会遇到很大的问题。我不认为你可以上传文件,而且我很确定你不能从他们的麦克风录制音频。最好的方法是在移动设备上执行此类操作的应用程序。我很确定这可以通过PhoneGap完成 - http://docs.phonegap.com/en/1.0.0/phonegap_media_capture_capture.md.html

如果您不熟悉PhoneGap,它允许您使用HTML / CSS / JS为移动设备编写跨平台应用程序,并且仍然可以访问某些核心组件。喜欢捕捉音频。

答案 2 :(得分:0)

不幸的是,不能,你不能从浏览器录制,但是,如果你有一个应用程序(你可以使用Phonegap / Cordova(使用HTML5,JS和CSS为许多平台构建你的应用程序))记录任何你想要录制,您可以轻松地将您想要的内容上传到您的服务器。目前无法在移动网络浏览器中使用纯HTML5来执行此操作。

如果您想了解更多相关信息,请参阅API参考:http://docs.phonegap.com/en/2.1.0/cordova_media_capture_capture.md.html#capture.captureAudio