WebRTC 更改带宽在 Chrome 上接收 InvalidModificationError

Question

我正在尝试按照以下示例修改带宽：https://webrtc.github.io/samples/src/content/peerconnection/bandwidth/

但是，我在 Chrome 上收到此错误。

errorInvalidModificationError: 在 setParameters() 中修改了只读字段

Firefox 成功更改带宽。几个月前，它也可以在 Chrome 上正常运行。突然收到这个错误，我搜索了一下，仍然没有找到任何解决方案，我可以知道如何解决这个错误吗？谢谢。

var bandwidth = 500;

// Loop through each track                          
var i;
for (i = 0; i < peers[peer_id].getSenders().length; i++) { 
    var sender = peers[peer_id].getSenders()[i];

    if(sender.track.kind === "video"){
        var parameters = sender.getParameters();

        if (!parameters.encodings) {
          parameters.encodings = [{}];
        }

        parameters.encodings = [{}];

        parameters.encodings[0].maxBitrate = bandwidth * 1000;

        sender.setParameters(parameters).then(success, error);

        function success(){
            console.log("bandwidth success adjust");
        };

        function error(err){
            console.log("bandwidth error"+err);
        };
    };
}

Answer 1

删除第二个parameters.encodings = [{}]; 它不小心擦除了encodings 中第一个编码的所有属性，其中一些属性是只读的，不允许修改。

pc.setParameters() 方法要求其输入有效地来自pc.getParameters()，并且只允许修改某些encodings 属性。

它被设计成一个交易：

const parameters = pc.getParemeters();
// modify certain parameters only
await pc.setParemeters(parameters);

这是由getParameters() 强制执行的，包括parameters.transactionId，setParameters() 会检查它。如果它或某些其他只读属性已被修改，您将获得InvalidModificationError。

火狐太宽容了

Firefox 实现了一个非常宽松的 API 版本。 Bug 1401592 跟踪修复此问题。

只有 Firefox 才需要以下行：

  if (!parameters.encodings) {
    parameters.encodings = [{}];
  }

因为只有在 Firefox 中，从 getParameters() 返回的 encodings 才会为空。

在 Chrome 和规范中，encodings 保证存在并且至少包含一项。