javascript - 使用HTML5从iPhone录制语音

Question

我一直在为自己的娱乐和研究而开发移动Web应用程序。尽管看起来我需要第三方技术来进行语音记录，但对于客户端应用程序，HTML5 / CSS和JavaScript的一切似乎都运行得非常流畅。我有一个使用Flash的不错的解决方案，但是在用iPhone进行测试之后，我记得他们似乎不支持Flash，这令人失望，因为我有一个不错的解决方案。我想在iPhone和Android中使用HTML5录制语音。有什么办法吗？

Answer 1

您可以尝试HTML Media Capture。 article on dev.opera说:

Android OS 3.0 was the first platform to provide HTML Media Capture support, via its default Android Webkit browser. Now HTML Media Capture is also supported by:

• Safari and Chrome Mobile for iOS 6+
• Chrome Mobile for Android OS 3+
• Firefox Mobile for Android OS 3+
• Opera 16 for Android OS 3+

Nonetheless some of them only partially implement the specification or implement an older W3C specification, that makes the code above slightly different:

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

它链接到 a demo page，您可以在手机上尝试。我还找到了 this example page。不过，在我的快速iOS 7测试中，它仅适用于照片和视频。

编辑: Further reading建议在iOS 6和7上实际上不支持 accept="audio/*"，仅 accept="image/*"和 accept="video/*"。

更新:在iOS 8.3上进行的快速测试表明此处没有任何更改:支持 accept="image/*"和 accept="video/*"，但不支持 accept="audio/*"。

更新:在iOS 10.0.2上进行的快速测试表明，尽管您现在似乎可以从iCloud Drive或Dropbox上载音频文件，但仍不支持 accept="audio/*"。

更新:尽管 the Webkit blog post中说了什么，但我的iPhone 5S上的iOS 10.3中似乎仍然不支持 accept="audio/*"。

更新:iOS 11.0.3中的相同故事。我的iPhone 5S似乎仍然不支持 accept="audio/*"。

更新:在iOS 12.4.3中仍然相同。我的iPhone 5S似乎不支持 accept="audio/*"。