website scroller

Remotion-Video

Verwandeln Sie eine URL in ein Video, das die Website nach oben scrollt und ein Video ergibt. Inspiriert von diesem Tweet

So könnten Sie ping.gg in ein Video verwandeln:

 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/[email protected]
remotion render https://website-scroller.vercel.app/ --codec=prores --props= " { " url " : " $SCREENSHOT " , " duration " : 5} " website.mov

Anpassen

Verzweigen Sie die Datei Composition.tsx und passen Sie sie an. Stellen Sie das Remotion Studio beispielsweise auf Vercel bereit. Ersetzen Sie die URL im render .

Befehle

Abhängigkeiten installieren

 bun i

Vorschau starten

 bun start

Video rendern

 bun run build

Upgrade-Remotion

 npm run upgrade 

Dokumente

Beginnen Sie mit Remotion, indem Sie die Grundlagenseite lesen.

Helfen

Hilfe bieten wir auf unserem Discord-Server an.

Probleme

Haben Sie ein Problem mit Remotion gefunden? Reichen Sie hier ein Problem ein.

Lizenz

Beachten Sie, dass für einige Unternehmen eine Unternehmenslizenz erforderlich ist. Lesen Sie die Bedingungen hier.