React.js Remotion Library to Create Videos in Browser With Audio Using FFMPEG in Node.js Full Project For Beginners

 

 

 

 

 

Discord Shield NPM Version NPM Downloads Install Size

Remotion is a suite of libraries building a foundation for creating videos programmatically using React.

Why create videos in React?

  • Leverage web technologies: Use all of CSS, Canvas, SVG, WebGL, etc.
  • Leverage programming: Use variables, functions, APIs, math and algorithms to create new effects
  • Leverage React: Reusable components, Powerful composition, Fast Refresh, Package ecosystem

Example videos

Feel free to pull request your creations!

Get started

If you already have Yarn and FFMPEG installed, type

to get started. Otherwise, read the installation page in the documentation.

Documentation

Head to remotion.dev to learn the in and outs of Remotion!

 

 

 

Video.tsx

 

 

 

 

HelloWorld.tsx

 

 

 

https://github.com/remotion-dev/remotion

 

Leave a Reply