屏幕录像和摄像头（图片中的图片）-NodeJS

Question

我正在开发一个Web应用程序，在该应用程序中，我需要给客户一种设施来像在教程中一样在屏幕的一角记录屏幕以及摄像头。

这几乎完成了，并且两者都工作正常，但是有些问题困扰着我，例如：

相机视图隐藏在其他屏幕上
    当我在网络上工作时，因此当我最小化浏览器（以记录桌面或其他窗口）时，相机部件的隐藏程度与在浏览器中一样。          更改标签或窗口时，可以使相机零件粘住吗？

单独的音频和屏幕录音
    音频不是在屏幕上录制的，而是作为视频文件单独下载的，是使用网络摄像头录制的。
    
    我想将所有文件（音频，视频和屏幕）下载为一个文件。

谢谢。

Answer 1

相机视图隐藏在其他屏幕上

一种实现此目的的方法可能是，您将网络摄像机视频流与屏幕录制分开录制，然后在录制完成后使用ffmpeg或类似的视频编辑工具将它们合并在一起。

我不知道有什么方法可以让Chrome在屏幕桌面上直接在浏览器之外绘制视频或其他内容。

单独的音频和屏幕录音

同样，您需要将不同的流合并在一起。您可以通过使用MediaRecorder API上的addTrack方法或ffmpeg将音频流合并到屏幕视频流中来实现。