Как сделать scroll-анимацию из видео на сайте

Scroll-анимацию из видео можно собрать с помощью репозитория musoyangrigor/scroll-video-website и skill scroll-video-website. Для этого нужен короткий ролик, FFmpeg и папка проекта.

Где взять инструмент?Скопировать ссылку

Репозиторий: musoyangrigor/scroll-video-website.

В репозитории есть файл skill.md с инструкциями для AI-агента.

Как установить skill и FFmpeg?Скопировать ссылку

1. Установите skill:

   Copy Text

   npx skills add musoyangrigor/scroll-video-website --skill scroll-video-website
   

2. Установите FFmpeg:

   Copy Text

   winget install -e --id Gyan.FFmpeg
   

Как подготовить видео и создать анимацию?Скопировать ссылку

1. Положите видео в папку проекта.

2. Рекомендуемая длительность ролика — примерно 5–10 секунд.

3. Вызовите skill, указав путь к файлу:

   Copy Text

   $scroll-video-website ./media/video.mp4
   

Что можно настроить?Скопировать ссылку

Skill позволяет:

• менять элементы интерфейса на заданных временных отметках;
• изменять длину скролла;
• настраивать плавность FPS.

Как оптимизировать результат?Скопировать ссылку

После настройки можно запустить сжатие результата:

$scroll-video-website optimize

Статья собрана по сообщениям за октябрь 2026 года.

Собрано в Sveska из открытых обсуждений сообщества. Авторы сообщений не указываются.