javascript - 在没有 webRTC 的情况下访问相机或网络摄像头

Question

在我的网站中，它需要访问相机或网络摄像头。但是基于https://forums.developer.apple.com/thread/88052的ios webview 还不支持webRTC (请 cmiiw)。所以，我试图找到一种无需 webRTC 即可访问它的方法。有吗？

1. 下面的代码是使用 webRTC 的一部分吗？因为 console.log 显示在 ios webview 上

   function hasGetUserMedia() {
     return !!(navigator.getUserMedia || navigator.webkitGetUserMedia || 
       navigator.mozGetUserMedia || navigator.msGetUserMedia);
   }
   
   //then, somewhere in the code
   if (!hasGetUserMedia()) {           
     console.log( "webRTC is not supported in your browser" );//it shows up on ios webview              
   }
   
   //other code
   navigator.mediaDevices.getUserMedia({
    audio: false, //no audio
    video: {deviceId: {exact: videoSource.camera_id} }
   })
   

2. 如果是，那么不使用 webRTC 并且可以在 android webview、ios webview 和 web 浏览器上运行的解决方法是什么？

Answer 1

2021 年编辑:

我们现在可以在 iOS WebView 上访问 getUserMedia!

---

好消息:

从 iOS 14.3 开始，iOS 现在允许在 WKWebView 中访问 getUserMedia

每当我对此类浏览器功能有疑问时，我发现查看 caniuse.com 非常有帮助.在这种情况下，iOS 版 Safari 和 Chrome 的条目上有一条注释

Before iOS 14.3 getUserMedia returned no video input devices in UIWebView or WKWebView, but only directly in Safari

旧闻:

在 2021 年之前，我们无法在 Safari 之外的 iOS 上访问 getUserMedia。因此，当时的解决方法是构建一个网站并引导 iOS 用户在 Safari 中访问该网站，而不是为 iOS 制作 native 应用程序。

其他新闻:

getUserMedia 控制对用户摄像头和麦克风的访问，而 WebRTC 帮助您发送该音频/视频到另一个客户端，例如在视频聊天中。在这里，您首先要获取视频，因此您无需担心 WebRTC，但当您这样做时，我建议您查看 This article这对我有帮助。

如果您想自己测试 getUserMedia 或 WebRTC 功能，请尝试使用 These provided samples , 这样你就可以确定这不是你自己的代码的错:)