WebRTC：navigator.mediaDevices.getUserMedia在Android上的Chrome中不起作用

编程问答 2022-08-16

问题描述

虽然我正在使用WebRTC（简单对等）研究基本的React示例：

navigator.mediaDevices.getUserMedia({ video: true,audio: true }).then(stream => {
      setStream(stream);
      if (userVideo.current) {
        userVideo.current.srcObject = stream;
      }
    })

我得到如下错误：

enter image description here

我看到navigator.mediaDevices.getUserMedia与android上的Chrome兼容，所以我想知道是什么原因导致此问题。请对此提供帮助。

解决方法

我也有同样的问题。移动浏览器尚未询问权限。只需在安全连接（即：https，SSL）上尝试即可。

,

打开 chrome://flags 并搜索 unsafely-treat-insecure-origin-as-secure 将您的服务器列入白名单：

chrome://flags/#unsafely-treat-insecure-origin-as-secure

并添加您的服务器名称 http://foobar，重新启动 Chrome。

注意

这应该只用于测试！！！

google-chromehtmlreactjsreactjssimple-peerwebrtc