javascript - 如何删除 RecordRTC 中的空白帧

Question

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

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

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

在此图像中，您可以看到我们有 5 个屏幕，其中 2、3、4 是空白的，因为Peer Connection关闭再重新连接。所以我想在我的 blob 中使用这 2 个工作屏幕 (1、5) [1= 本地流，5 = 远程流]，或者我们可以说是哪个 Recording。请帮我解决这个问题。

谢谢

Answer 1

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