How to record screen and video simultaneously in react?

Question

I want to use react-media-recorder to record the screen as well as the camera video to be recorded and then turn it into a video for playback.

I recorded, but I used two video elements to display and play them. But I want to combine them. As with all screen recordings, there is a box for the user's camera video. I'm using a video element on top of another video element.

Answer 1

To merge videos, you need to perform video processing. Video processing involves a series of steps that process video data and create new combined video footage.

For example, you can use https://github.com/Kagami/ffmpeg.js/

But I don't recommend performing video processing on the frontend as it requires a lot of computing power and may be much slower than the backend. However, this decision depends on your goals and target audience.