Запись экрана вместе с веб-камерой (Картинка в картинке) - NodeJS

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

введите здесь описание изображения

Это почти готово, и оба работают нормально, но меня беспокоят некоторые проблемы, например:

Вид с камеры скрывается на другом экране
Поскольку я работаю в Интернете, поэтому, когда я сворачиваю браузер (для записи рабочего стола или другого окна), часть камеры скрывается, как и в браузере. . введите здесь описание изображения Могу ли я сделать так, чтобы часть камеры прилипала, когда я меняю вкладку или окно ???

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

Спасибо.


node.js video.js screen-recording webcam
person TalESid    schedule 11.02.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вид камеры скрывается на другом экране

Подход к достижению этого может заключаться в том, что вы записываете видеопоток веб-камеры отдельно от записи экрана, а затем объединяете их вместе после завершения записи, используя ffmpeg или аналогичный инструмент для редактирования видео.

Я не знаю, каким образом вы можете заставить Chrome рисовать видео или что-нибудь за пределами браузера прямо на рабочем столе вашего экрана.

Отдельные записи звука и экрана

Опять же, вам нужно объединить разные потоки вместе. Вы можете сделать это либо путем слияния аудиопотока с видеопотоком на экране с помощью _ 2_ в MediaRecorder API или с ffmpeg.

person maxpaj    schedule 11.02.2019
comment
Я хочу иметь все в одном файле, потому что их явное слияние можно легко выполнить (и на самом деле я уже сделал это с помощью VLC). Тем не менее, большое спасибо за вашу помощь. - person TalESid; 11.02.2019