Question

我已经尝试过本教程，但是当我选择QVGA或其他时，没有任何反应......分辨率保持不变

为什么我不能解决它？

这是源代码

所以我可以看到这个功能：

//RESOLUTION
            $("#QVGA").click(function () {
                console.log("QVGA");
                $("#resolution").html('QVGA');
                var constraint = {
                    'audio':{'mandatory': {}, 'optional': []},
                    'video': {'mandatory': {maxWidth: 320, maxHeight: 240}, 'optional': []}};
                webRTCClient.setGetUserMediaConfig(constraint);
            });
            $("#VGA").click(function () {
                console.log("VGA");
                $("#resolution").html('VGA');
                var constraint = {
                    'audio':{'mandatory': {}, 'optional': []},
                    'video': {'mandatory': {maxWidth: 640, maxHeight: 480}, 'optional': []}};
                webRTCClient.setGetUserMediaConfig(constraint);
            });
            $("#XGA").click(function () {
                console.log("XGA");
                $("#resolution").html('XGA');
                var constraint = {
                    'audio':{'mandatory': {}, 'optional': []},
                    'video': {'mandatory': {maxWidth: 1024, maxHeight: 768}, 'optional': []}};
                webRTCClient.setGetUserMediaConfig(constraint);
            });
            $("#SXGA").click(function () {
                console.log("SXGA");
                $("#resolution").html('SXGA');
                var constraint = {
                    'audio':{'mandatory': {}, 'optional': []},
                    'video': {'mandatory': {maxWidth: 1280, maxHeight: 720}, 'optional': []}};
                webRTCClient.setGetUserMediaConfig(constraint);
            });
//RESOLUTION

有什么问题？

Answer 1

看来你的约束是不正确的。我找不到任何支持约束对象的文档。例如，这里是MDN记录的结构：

{
  audio: true,
  video: {
    width: { min: 1024, ideal: 1280, max: 1920 },
    height: { min: 776, ideal: 720, max: 1080 }
  }
}

我尝试了以下内容，它们似乎运行良好（适用于Chrome和Firefox）：

{
    "audio": true,
    "video": {
        "width": {
            "min": "300",
            "max": "640"
        },
        "height": {
            "min": "200",
            "max": "480"
        }
    }
}

您可以在此处查看代码的实时版本：https://webrtc.github.io/samples/src/content/peerconnection/constraints/

另一方面，如果您使用的是任何第三方库，则应查看其文档以了解有关约束的规范。

#ApiRTC我无法更改摄像机视频的大小

1 个答案: