如何在RecordRTC中刪除空白幀

Question

我被困在某個點上。 請幫我弄清楚。

當任何對等連接（在視頻會議中）斷開連接並重新連接時，則在“錄制”中添加了空白幀，我正在使用RecordRTC並在Chrome 74.0中對其進行測試，我認為這種情況正在發生，因為當對等連接斷開時，則RecordRTC已經存在具有先前連接的數據Video Elements，而我只想刪除那些空白元素。

我附上了錄制視頻的屏幕截圖，請幫我弄清楚。

在此圖像中，您可以看到我們有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);
        }
    }
});