Javascript 如何删除RecordRTC中的空白帧

Javascript 如何删除RecordRTC中的空白帧,javascript,webrtc,recordrtc,rtcmulticonnection,rtcpeerconnection,Javascript,Webrtc,Recordrtc,Rtcmulticonnection,Rtcpeerconnection,我在某一点上卡住了。请帮我弄清楚 当任何对等连接(在视频会议中)断开,我重新连接它们,然后在录制中添加一个空白帧,我正在使用RecordRTC并在Chrome 74.0中测试它 我认为这是因为当对等连接断开时,RecordRTC已经有以前连接的数据视频元素,我只想删除这些空白元素 我附上了录像的截图,请帮我弄清楚 在这张图中,你可以看到我们有5个屏幕,其中2,3,4是空白的, 因为对等连接已关闭并重新连接。 所以我希望这两个工作屏幕(1,5)[1=本地流,5=远程流]在我的blob中,或者我们

我在某一点上卡住了。请帮我弄清楚

当任何对等连接(在视频会议中)断开,我重新连接它们,然后在录制中添加一个空白帧,我正在使用RecordRTC并在Chrome 74.0中测试它 我认为这是因为当对等连接断开时,RecordRTC已经有以前连接的数据视频元素,我只想删除这些空白元素

我附上了录像的截图,请帮我弄清楚

在这张图中,你可以看到我们有5个屏幕,其中2,3,4是空白的, 因为对等连接已关闭并重新连接。 所以我希望这两个工作屏幕(1,5)[1=本地流,5=远程流]在我的blob中,或者我们可以说是哪个录制。 请帮我解决这个问题

谢谢

请使用此解决方案, 我们只需要给出在画布上drow第一个和最后一个元素的条件。 在函数drawVideosToCanvas()中更新此代码

var videosLength = videos.length;
if(videosLength > 2){
    videosLength = 2;
}

var fullcanvas = false;
var remaining = [];

var length = videos.length;
videos.forEach(function(video,idx) {
    if (!video.stream) {
        video.stream = {};
    }
    if (video.stream.fullcanvas) {
        fullcanvas = video;
    } else {
        if(idx==0 || idx == (length-1)){
            if(video.stream.active)
                remaining.push(video);
        }
    }
});