javascript - WebRTC 联播/多流

Question

我正在尝试同时显示来自同一个视频摄像头但分辨率不同的多个流。我两次调用 getUserMedia()，但具有不同的分辨率限制(hd 和 vga)。问题是，一旦流被首次创建，新的流就无法创建，直到第一个流被销毁/停止。第二个 getUserMedia() 应该使用 vga 设置，但它使用第一个 getUserMedia() 中的 hd 设置。

function getMedia(HDconstraints){
navigator.getUserMedia(HDconstraints, successCallback, errorCallback);
}

function getMedia2(VGAconstraints){
navigator.getUserMedia(VGAconstraints, successCallback2, errorCallback);
}

successCallback2 正在使用 HDconstraints，除非我在调用 getMedia2() 之前停止第一个流。

Answer 1

回答我自己的问题:问题似乎是我采用的是标准分辨率(例如 1920x1080)，但相机的比例是 1:1,35，导致在放入固定尺寸视频标签时图像质量变形。只需将视频限制调整为 1:1,35 比例(例如 1620x1200)。