ios - 如何在 PWA (React) 中访问 ios 中的摄像头和耳机

Question

我是新来的react js。在这里，我正在尝试访问应用程序中的移动相机。这里，

我正在尝试使用getUserMedia. 我可以在 android 设备中访问相机。但无法在IOS.

所以，我正在使用react for this.

if (!('getUserMedia' in navigator.mediaDevices)) {
            navigator.mediaDevices.getUserMedia = function (constraints) {
                var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

                if (!getUserMedia) {
                    return Promise.reject(new Error('getUserMedia is not implemented!'));
                }

                return new Promise(function (resolve, reject) {
                    getUserMedia.call(navigator, constraints, resolve, reject);
                });
            }
        }
        navigator.mediaDevices.getUserMedia({
            video: { facingMode: 'user', width: 1200, height: 600 },
            audio: true
        }).then((stream) => {
            console.log('recording started');
            this.setState({
                cameraAccessGranted: true,
            });
            return this.startRecording(stream)
        }).

有人可以帮我吗？

提前致谢 。

标签： iosreactjscameraprogressive-web-appsios-camera

Answer 1

不管是不是 React，WebRtc 不依赖于框架。您是否尝试过在您的 android 上检查来自https://webrtc.github.io/samples/src/content/devices/input-output/的示例？对我来说效果很好