navigator.mediaDevices.getUserMedia，网络摄像头在iPhone上全屏启动

Question

我正在尝试为我的应用程序使用网络摄像头，它在Android和windows上运行良好，但在iPhone上，网络摄像头是在一个完全独立的屏幕上启动的，我该如何解决这个问题？提前感谢

const getVideo = () => {
navigator.mediaDevices
.getUserMedia({ video: true, audio: false })
.then((stream) => {
const video = videoRef.current;
video.srcObject = stream;
video.onloadedmetadata = function (e) {
video.play();
};
handleSetState({ currentStream: stream });
})
.catch((err) => {
console.error(err);
});
};

<video className={img && classes.inActive} ref={videoRef} autoPlay playsinline />

Answer 1

我最终使用了react网络摄像头，这解决了问题

https://www.npmjs.com/package/react-webcam