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

时间:2019-07-10 10:43:11

标签: ios reactjs camera progressive-web-apps ios-camera

我是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)
        }).

有人可以帮我吗?

先谢谢了。

1 个答案:

答案 0 :(得分:0)

是否为React无关紧要,WebRtc不依赖于框架。 您是否尝试过在Android上查看https://webrtc.github.io/samples/src/content/devices/input-output/中的示例? 对我来说效果很好