preload.js - предварительная загрузка большого количества видеофайлов - некоторые компьютерные сбои

Question

Я запускаю веб-эксперимент, в котором люди должны просматривать 100 видеороликов в 2 секунды (каждый размером около 200 килобайт) один за другим , Очень важно, чтобы между видео не было задержки, поэтому я предварительно загружаю их перед началом эксперимента с использованием preload.js. Эксперимент начинается, когда все видео загружаются на 100%.

Однако для некоторых людей это говорит о том, что предварительная загрузка приводит к сбою их браузеров. Я предполагаю, что это из-за проблемы с ОЗУ?

Что может быть хорошим способом решения этой проблемы? Является ли загрузка видео в этой плохой практике (сколько данных я могу предварительно загрузить)?

Answer 1

С вашего вопроса остается непонятным, действительно ли это процесс предварительной загрузки или проблема с памятью, которая вызывает сбои в просмотре браузеров.

Другой стратегией было бы постепенное загрузить следующее видео в группе в начале текущего видео и воспроизвести его при запуске события onended.

Вот некоторые псевдо-код, который может помочь вам начать работу:

var loadNext, videoGetTime; 

    videoGetTime = function(ele, callback) { 
    var loading, video; 
    video = $(ele); 
    loading = false; 

    video.on('timeupdate', function(e) { 
     var currentTime; 
     currentTime = e.originalEvent.target.currentTime; 
     if (currentTime >= (video[0].duration/2) && !loading) { 
     callback(); 
     loading = true; 
     } 
    }); 
    }; 

    loadNext = function() { 
     alert('loading next'); 
    }; 

    videoGetTime('#video', loadNext); 

, а затем

video.on('ended', function(e){ 
    //play the next video in the set 
});