使用 HTML5 和 Javascript 进行音频录制答案

【问题标题】：Audio recording with HTML5 and Javascript使用 HTML5 和 Javascript 进行音频录制
【发布时间】：2014-03-27 17:46:37
【问题描述】：

我正在尝试为 iPhone 和 Android 构建一个处理音频输入的 Web 应用程序。

这可能吗？

【问题讨论】：

我肯定会推荐你阅读这个developer.apple.com/library/ios/#documentation/MusicAudio/…

标签： iphone android html

【解决方案1】：

显然......是的，或者至少在完成时应该能够。据推测，使用设备 API 将成为可能，该设备 API 在完成和发布后将成为 HTML5 的一部分（然而，HTML5 尚未最终确定，信息可能会发生变化）。

W3C Device API Requirements (camera section)

Sony Erricson community blog posting, with examples (pre-final API)

虽然 W3C 规范中没有明确提及，但作为（网络）相机交互的一部分的录音是，所以它绝对是有希望的。不过，现阶段似乎缺乏好的信息。随着 HTML5 接近完成，我希望看到更多。

【讨论】：

【解决方案2】：

截至目前，HTML5 无法录制音频。但在未来，它将能够通过使用设备的原生功能。

【讨论】：

【解决方案3】：

HTML 5 无法录制音频（至少目前如此）。 HTML 基本上是一种标记语言，因此仅声明浏览器应如何显示某些内容。尽管 HTML 5 引入了使某些交互成为可能的新功能，但您不能将音频直接录制到.. HTML 中（即使说这听起来不对）。当 HTML5 规范完成后，它可能会成为现实，在那之前，不可能。

录制音频的 Web 应用程序通常需要 Flash 或 Silverlight 等插件，因为它们可以访问音频硬件等系统资源。两者在 iOS 上都是不行的，虽然在 Android 上理论上 Flash 是可行的，但我不知道它是否支持音频输入。

我建议您编写一个本机应用程序（适用于 iOS 和 Android），该应用程序可以访问音频硬件并在后台连接到您的 Web 应用程序，以便本地进行录制并将录制的音频传输到您的服务器（例如，想想 Shazam）。

以下是录制音频的基本开发者指南：

【讨论】：

能否请对我的答案投反对票的人解释一下为什么？

【解决方案4】：

正在开发新的 MediaStream Recording API。它目前仅在 Firefox Nightly 版本中可用，用于演示目的

以下是直接来自 W3C 网站的最新更新草稿： https://dvcs.w3.org/hg/dap/raw-file/default/media-stream-capture/MediaRecorder.html

以下文章还介绍了直接在浏览器中录制音频和视频的其他尝试： http://hdfvr.com/html5-video-recording

【讨论】：