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

Question

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

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

Я прилагаю скриншот Записанного видео, пожалуйста, помогите мнепонять это.

Здесь на этом изображении вы можете видеть, что у нас есть 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);
        }
    }
});