允许相机访问没有 url

如何解决允许相机访问没有 url

嗨，我有一个关于允许 iframe 访问相机的问题。

我创建了一个带有 React Portal 的新标签，并在新标签中放置了一个 iframe。

我的 iframe 尝试通过设置“允许”来访问麦克风和摄像头：allow="microphone *; camera *;"

我在里面制作的 iframe 需要摄像头访问，而 chrome 似乎不允许 about:blank 页面访问摄像头。

我尝试为我的新窗口放置方法 MediaDevices.getUserMedia() 以允许像这样访问相机，

 window.handler.navigator.mediaDevices
      .getUserMedia({
        audio: true,video: true,})
      .then(() => {
        alert('voila!');
      });
  },[]);

但是好像不行。

当我检查新窗口的位置对象时，它要么显示 iframe 源的位置，要么像这样：{ancestorOrigins: DOMStringList,href: "about:blank",origin: "null",protocol: "about :",主机: "",...}.

我想知道除了制作 React Portal 之外还有没有其他方法或者允许相机访问的好方法！谢谢