website scroller

Роликовое видео

Превратите URL-адрес в видео, которое прокручивает веб-сайт вверх и отображает видео. Вдохновлен этим твитом

Вот как вы можете превратить 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. Замените URL-адрес в команде render .

Команды

Установить зависимости

 bun i

Начать предварительный просмотр

 bun start

Рендеринг видео

 bun run build

Обновление

 npm run upgrade 

Документы

Начните работу с Remotion, прочитав страницу с основными сведениями.

Помощь

Мы предоставляем помощь на нашем сервере Discord.

Проблемы

Нашли проблему с Remotion? Сообщите о проблеме здесь.

Лицензия

Обратите внимание, что для некоторых организаций необходима лицензия компании. Прочтите условия здесь.