如何在RecordRTC中删除空白帧

Question

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

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

我附上了录制的视频截图，请帮我弄清楚。

​

​

在此图像中，您可以看到我们有5个屏幕，其中2、3、4是空白的，因为对等连接已关闭并重新连接。所以我想要这2个工作屏幕(1，5) 1=本地流，5=我的blob中的远程流，或者我们可以说是哪一个录制。请帮我弄清楚这个问题。

谢谢

Answer 1

请使用这个解决方案，我们只需要给出一个条件来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);
        }
    }
});