Как удалить пустые рамки в RecordRTC

Question

Я застрял в какой-то момент. Пожалуйста, помогите мне разобраться.

Когда какое-либо одноранговое соединение (в видеоконференцсвязи) отключено, и я повторно подключаю их, тогда в записи добавляется пустой кадр, я использую RecordRTC и тестирую его в Chrome 74.0. Я думаю, что это происходит, потому что когда одноранговое соединение отключено, тогда RecordRTC уже есть предыдущие подключенные данные видеоэлементов, и я просто хочу удалить эти пустые элементы.

Я прилагаю скриншот Recorded Video, пожалуйста, помогите мне разобраться.

Здесь на этом изображении вы можете видеть, что у нас есть 5 экранов, на которых 2, 3, 4 не заполнены, поскольку одноранговое соединение закрыто и повторно подключено. Поэтому я хочу, чтобы эти 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);
        }
    }
});