website scroller

リモートビデオ

URL をビデオに変換し、Web サイトを一番上までスクロールしてビデオを表示します。このツイートをきっかけに

ping.gg をビデオに変える方法は次のとおりです。

 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

カスタマイズ

Composition.tsxファイルをフォークしてカスタマイズします。たとえば、Remotion Studio を Vercel にデプロイします。 renderコマンド内の URL を置き換えます。

コマンド

依存関係のインストール

 bun i

プレビューの開始

 bun start

ビデオをレンダリングする

 bun run build

アップグレードのリモート

 npm run upgrade 

ドキュメント

基本ページを読んで、Remotion の使用を開始してください。

ヘルプ

Discord サーバーでヘルプを提供しています。

問題

リモートに関する問題が見つかりましたか?ここで問題を提出してください。

ライセンス

一部のエンティティでは、会社のライセンスが必要になることに注意してください。ここで規約をお読みください。