Watch the video

Watch the tutorial

Spotify Wrapped in Remotion

Three scenes from Spotify Wrapped recreated in Remotion. The video is totally parametrizable, meaning you can override the text and images via command line flag!

Commands

Start Preview

npm start

Render video

npm run build

Render video - parametrizable

npm run build -- --props='{"artists":["weeknd.jpg","maryjblige.jpg","roots.jpg","samsmith.jpg"],"topSongName":"All I Talk Is Money","topSongArtistName":"Albusta","topSongCover":"https://i.scdn.co/image/ab67616d00001e02d0108ee3b4a64bddfa7e6cc2","ranking":["Rap","Pop","Underground\nHip Hop","Alternative R&B","Neo Soul"]}'

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.

Issues

Found an issue with Remotion? File an issue here.

License

This code: MIT
The Remotion library: Notice that for some entities a company license is needed. Read the terms here.