如何在 iOS 和 macOS 上的 Safari 中使用网络摄像头录制视频?

Posted

技术标签:

【中文标题】如何在 iOS 和 macOS 上的 Safari 中使用网络摄像头录制视频?【英文标题】:How to record video with webcam in Safari on iOS and macOS? 【发布时间】:2018-08-06 19:22:34 【问题描述】:

我已经发布了几个路径:

1) 使用https://caniuse.com/#feat=html-media-capture 录制视频 但它仅适用于 ios,无法自定义。我需要在视频预览层上渲染一个红框并将视频长度限制为 30 秒。

2) 使用放置在服务器上的 WebRTC 客户端进行录制,但我找不到任何软件可以做到这一点。我找到了 kurento 媒体服务器,但它的客户端 js utils 库不支持 Safari 11。

3) 使用 flash 插件录制。但在 iOS 上不支持。

你能帮我找到其他方法吗?

【问题讨论】:

【参考方案1】:

The MediaStream Recording API 将是一个不错的选择,但它尚未在 Safari 中实现。您应该对此有一个open ticket 进行评论。

等待的另一个选择是使用 TokBox/OpenTok 中的存档 API。您可以看到它的工作示例here 和文档here。如果您opt into a Safari project,它可以在 Safari 11 中使用。它可以让您存档视频并将其存储在云中,例如。 S3。然后,您将需要下载它。这也有相关费用,您需要sign up for a TokBox account。

(披露我在 TokBox 工作?)

【讨论】:

【参考方案2】:

MediaRecorder API 也是另一个选项,但“Safari 目前默认不支持 MediaRecorder API,但您可以从 Develop > Experimental Features > MediaRecorder 启用它们”

【讨论】:

是的,告诉您的客户:D

以上是关于如何在 iOS 和 macOS 上的 Safari 中使用网络摄像头录制视频?的主要内容,如果未能解决你的问题,请参考以下文章

如何限制在 Safari(MacOS 和 iOS)中暂停时获取 hls 段文件

图像无法在 iOS 上的 Safari 上加载

如何在 Safari 上使用 JS 检测用户关闭页面

MacOs 和 iOs 上 Safari 的 React 和 Axios GET 请求问题

macOS 上的 Firefox 中未使用指定的字体 [关闭]

macOS+iOS:Safari和Webkit停止支持SHA-1证书了