GetUserMedia - facesMode 无法识别，尽管 adapter.js

Question

我想在 Ionic 应用程序中获取后置摄像头的视频流。 为此，我使用了可在前置摄像头上正常工作的 getUserMedia。

当我将面对模式更改为“环境”时，我收到了这个错误：

Unknown constraint named facingMode rejected ConstraintNotSatisfiedError

在我的 Ionic 应用程序中，我已经安装了 npm 包“webrtc-adapter”。

这是我从后置摄像头获取流的代码：

this.constraints = { audio: true, video: {mandatory: { facingMode: 'environment'}}};
        cordova.plugins.diagnostic.requestRuntimePermission( (status) => {
            if (cordova.plugins.diagnostic.permissionStatus.GRANTED){

                navigator.getUserMedia(this.constraints, (stream) => {
                    let video = <HTMLVideoElement>document.getElementById('localVideo');
                    video.srcObject =  stream;
                }, function(err){
                    console.log("Error get stream: ", err.name);
                });
            }
        }, (error) => {
            console.error("Error during runtime permission :", error);
        }, cordova.plugins.diagnostic.permission.CAMERA);

我认为这是一个兼容性问题。任何人都可以帮助我吗？

谢谢。

Answer 1

您使用的是过时的非标准约束语法。 adapter.js 填充了规范，所以要从中受益，你必须 follow the spec。 例如。而不是：

{audio: true, video: {mandatory: {facingMode: 'environment'}}};

使用

{audio: true, video: {facingMode: {exact: 'environment'}}};

我已经有an answer with a working example of this。它应该适用于 Chrome。不确定这是否适用于离子。如果它不起作用，请告诉我。