Я строю экранный регистратор на основе браузера, используя Next.js. Он записывает экран и веб -камеру одновременно. Я использую canvas.captureStream () для рендеринга и медиареатра для экспорта видео. Аудио как на экране, так и с фоновой музыкой добавляется с использованием capturestream () .
В предварительном просмотре все работает, как и ожидалось - как на экране, так и в веб -камере гладко. Но во время export видео Webcam либо мигает, идет черный или desyncs. video.currenttime
[*] Использование waitforseek () и вызов play () в элементе веб-камеры
[*] рендеринг кадра по кадру с использованием подхода к обработке FrameAnimation
Подход к обработке Frame-frame-frame-by-frame) /> Вот упрощенная версия моего экспортного кода:
https://onecompiler.com/typescript/43k4htgngобразно Источники?
Подробнее здесь: https://stackoverflow.com/questions/796 ... recorder-n
