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

Posted 2023-02-21

【中文标题】如何在 PWA (React) 中访问 ios 中的摄像头和耳机

【英文标题】：How to access camera and earphones in ios in PWA (React)

【发布时间】：2019-11-19 23:31:43

【问题描述】：

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

谁能帮帮我？

提前致谢。

【问题讨论】：

你得到什么错误？在您的设备插入计算机时打开网络检查器 (developer.apple.com/library/archive/documentation/…)，让我们知道您遇到了什么错误

Ionic + Capacitor - PWA Mobile Camera Access on iOS - Works in Safari - But not when from Home Screen icon的可能重复

框架不同，但我相信原因可能是一样的。

【参考方案1】：

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

【讨论】：

是的，我已经检查过了。我将添加我尝试过的代码