JonnyBurger / website-scroller

Remotion video

Turn a URL into a video that scrolls the website to the top and gives a video. Inspired by this tweet

This is how you could turn ping.gg into a video:

set -e
sudo npm i -g puppeteer-screenshot-cli
puppeteer-screenshot --width 1920 --fullPage 'https://ping.gg/' > screenshot.jpg
export SCREENSHOT=$(curl --upload-file ./screenshot.jpg https://transfer.sh/screenshot.jpg)
rm screenshot.jpg
sudo npm i -g @remotion/cli@4.0.102
remotion render https://website-scroller.vercel.app/ --codec=prores --props="{\"url\": \"$SCREENSHOT\", \"duration\": 5}" website.mov

Customize

Fork and customize the Composition.tsx file. Deploy the Remotion Studio for example to Vercel. Replace the URL in the render command.

Commands

Install Dependencies

bun i

Start Preview

bun start

Render video

bun run build

Upgrade Remotion

npm run upgrade

Docs

Get started with Remotion by reading the fundamentals page.

Help

We provide help on our Discord server.

Issues

Found an issue with Remotion? File an issue here.

License

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