我正在尝试通过getUserMedia在我的 React 应用程序中实现API来访问 iOS 上的相机。

我已经成功实现了一个可以在 Chrome 上呈现并正常工作的组件，但是当我mylocalIP:3000在 iOS Safari 上导航时它似乎不起作用。我将非常感谢任何有关我的代码可能出错的地方与 iOS 不兼容的指示。StackBlitz 链接到代码

const Video: React.FC = (props) => {
    useEffect(() => {
        start()
    })

    const constraints = {
        audio: false,
        video: true
    };

    async function start() {
        const stream = await navigator.mediaDevices.getUserMedia(constraints)
        const video = document.getElementById('video') as HTMLVideoElement;
        video.setAttribute("playsinline", "true");
        video.setAttribute("controls", "true");
        video.srcObject = stream;
    }

    return (
        <video id='video' autoPlay playsInline></video>
    )
}

export default Video