18

看来我只能使用 Flash 或 Java 在网络应用程序上录制语音。有没有办法通过 JavaScript 做到这一点?

4

4 回答 4

16

可以完成,但该解决方案目前无法在所有平台上运行。

<input type="file" accept="audio/*;capture=microphone">

请参阅HTML5 媒体捕获

目前支持:

Android 3.0 浏览器、Chrome for Android (0.16)、Firefox Mobile 10.0、iOS6 Safari 和 Chrome(部分支持)

链接:

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

使用 HTML5 捕获音频

于 2013-02-26T06:26:29.673 回答
4

Javascript 无法直接访问您的硬件。您需要的是可以的客户端技术。闪光,一个。

Javascript 可以很容易地与 flash 通信,因此您可以隐藏您的 flash 记录器并使用 html/js/css 构建您的记录器 ui。

这是一个例子:https ://github.com/jwagener/recorder.js/blob/master/examples/example-1.html

这是另一个: http ://blogupstairs.com/flashwavrecorder-javascript-flash-audio-recorder/

我意识到这不是您所需要的,但是您没有说明为什么需要 JS 解决方案。这并不能解决 flash 依赖问题,但它解决了 UI 问题,因为您可以在没有 flash 的情况下构建 UI。

于 2013-02-26T06:42:44.260 回答
1

另一个众所周知的解决方案是 WAMI,我知道它不是纯 JavaScript,但也许它可以提供帮助。

“在撰写本文时,大多数浏览器仍然不支持 WebRTC 的 getUserMedia(),它承诺通过 Javascript 为 Web 开发人员提供麦克风访问权限。该项目实现了支持 Flash 的浏览器的下一个最佳功能。使用 WAMI 录音机,您可以收集音频在您的服务器上,无需安装任何专有媒体服务器软件。” https://code.google.com/p/wami-recorder/

另一个使用 node.js 的示例 这个示例应用程序是用 JavaScript 编写的,并使用 Node 和 Express 作为 Web 服务器和框架。您需要在您的 Web 服务器上安装所有这三个才能使其正常工作,以及 Node.js WebAPI 库。 nodejs录音示例

于 2013-10-31T02:55:53.073 回答
1

是的,有一种纯 HTML/JavaScript 方式,但它仅适用于 Firefox 和 Chrome: http ://audior.ec/blog/recording-mp3-using-only-html5-and-javascript-recordmp3-js/

直接演示:http ://audior.ec/recordmp3js/

于 2015-10-02T13:51:41.397 回答