Making videos in React Native
summary
Demonstrates creating an actual MP4 inside a React Native app by screenshotting a live React view, looping frames and encoding with react-native-view-shot and react-native-ffmpeg-kit. Shows a working prototype that produced shareable videos (used for GitHub Year in Review) but omits audio, embedded video support and performance tuning; current approach rerenders the view per frame and scales a 1920×1080 canvas, so it works as a proof-of-concept but has no audio or embedding yet and suffers from performance and loading caveats.
AI-written summary · about
chapters (9)
- 0:00Introduction to Remotion
- 1:00Remotion use cases
- 2:34How video works in React
- 3:43Remotion for React Native
- 5:53Technical demo: Rendering
- 9:03Complex animation example
- 10:43Exporting to MP4
- 13:01Technical hurdles
- 14:54Current limitations and future
related talks
23mCreating Videos Programmatically in React
38mBuilding a Video Player from Scratch with React Native
20mA 4-Year Retrospective : Lessons Learned from Building a Video Player from Scratch with React Native
29mBuilding a video editor with React
37mCode Your Videos: Programmatic Video Creation with Javascript
07mBuilding video applications using react-native
14mReact Native on the Apple TV Platform
27mBuilding high quality mobile apps with React Native