React Universe On Air cover image

Remotion and Animations in React Native | React Universe On Air #E20

React Universe On Air

00:00

How to Generate a Video From Screenshots

In this component, in this, I call it web page, probably because it is a web page that what are you doing with this web page so that it comes out the other end as a video. So I go there, I create my component, I click generate video and it generates my video. And essentially, once you define what the web page should render and what time it is, we then open a headless browser and seek to each frame in the video and take a screenshot of it. For a third second video, it will be around 1000 screenshots. We use FFmpeg to encode these series of images into an MP4. There's also an audio component in it which works

Play episode from 13:39
Transcript

The AI-powered Podcast Player

Save insights by tapping your headphones, chat with episodes, discover the best highlights - and more!
App store bannerPlay store banner
Get the app