mux-remotion-demo

This repository contains an demonstration of how to create a video using Mux Data and Remotion.

Make sure to set your Mux access token and secret key!

Copy the .env.example file to a new file called .env and add your keys there.

You'll also need to install ffmpeg to render your video locally. You can do that on MacOS with homebrew by running brew install ffmpeg. This will take a few minutes to download and install, so now is a good time to go check your mail or do a few laps around the block.

This demo uses date-fns to help easily calculate timeframes for which we'd like to pull stats from.

Notes

Setting a durationInFrames prop on the Sequence component in the Timeline specifies how long each component should display for.

Commands

Start Preview

npm start

Render video

npm run build

Server render demo

npm run server

See docs for server-side rendering here.

Upgrade Remotion

npm run upgrade

Docs

Get started with Remotion by reading the fundamentals page.

Help

Remotion provides help on our Discord server.

Issues

Found an issue with Remotion? File an issue here.

License

Notice that for some entities a company license is needed. Read the terms here.