Safari 和录制音频 - HTML 媒体捕获 / getUserMedia()

Question

它看起来像 getUserMedia() is now the way to go 用于捕获用户的录音。

但是没有 Safari 和 iOS Safari。

最初我至少计划通过利用 HTML 媒体捕获规范来包含 iOS Safari。从我读过的所有内容来看，这应该是可行的。但从我的测试来看，iOS 只会提供照片/视频选项。我尝试了以下语法，但没有成功：

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

但是，捕获图像可以按预期工作，允许用户使用相机：

<input type="file" accept="image/*" />

在需要访问麦克风时，为了让 iOS Safari 与 HTML Media Capture 一起工作，我需要进行哪些更改？

除了我已经尝试做的之外，还有其他适用于 Safari 和 iOS Safari 的选项吗？

Answer 1

iOS 6+ 上的 Safari 支持HTML Media Capture spec，但仅适用于视频和照片：

• <input type="file" accept="image/*" />
• <input type="file" accept="video/*" />

它不支持仅音频捕获，因此以下将不会产生预期的结果：

• <input type="file" accept="audio/*" />

Android 支持所有 3（视频、音频、图像）。

因此对 Android 和 iOS 的支持如下：

iOS 10.3 上的 Safari 还支持 capture 布尔属性。它表明直接从网络摄像头捕获是首选。使用时，iOS 10.3+ 上的 Safari 将不会提供选择现有视频或图像的选项：

• <input type="file" accept="image/*" capture />

我在https://addpipe.com/blog/correct-syntax-html-media-capture/ 上写了更多关于 HTML 媒体捕获主题的文章

Answer 2

更新：Safari 11.0 (iOS 11) 中的新功能 - 摄像头和麦克风访问。 添加了对媒体捕获 API 的支持。 增加了网站从用户设备访问摄像头和麦克风流的功能（需要用户权限。）

https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_0.html

Answer 3

Safari 仍然不能正确支持getUserMedia。 它失败了：

imgCapture = new ImageCapture(stream.getVideoTracks()[0]);

这适用于 Chrome，但 Safari 不知道 ImageCapture() 是什么。