Record a video of a particular div and save as a gif

Question

Here is the div I want to record:

<QrBackground ref={ref}>
    <Circle/>
</QrBackground>

In the center of the QrBackground , there is a red circle that I want to record for 5 seconds

What would be the best way to record the circle and save as a 5 second gif?

Answer 1

remotion is probably what you are looking for