如何删除 RecordRTC 中的空白帧

Question

我被困在某个点上。请帮我弄清楚。

当任何对等连接（在视频会议中）断开并且我重新连接它们时，会在录制中添加一个空白帧，我正在使用 RecordRTC 并在 Chrome 74.0 中对其进行测试 我认为它正在发生，因为当对等连接断开时，RecordRTC 已经有以前连接的数据视频元素，我只想删除那些空白元素。

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

在这张图片中，你可以看到我们有 5 个屏幕，其中 2、3、4 是空白的， 因为对等连接已关闭并重新连接。 所以我想在我的 blob 中使用这 2 个工作屏幕（1、5）[ 1= 本地流，5 = 远程流]，或者我们可以说是哪个记录。 请帮我解决这个问题。

谢谢

Answer 1

请使用此解决方案， 我们只需要给出在画布上绘制第一个和最后一个元素的条件。 在函数 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);
        }
    }
});