Бизнес-школа 7К
← каталог рилсов/Своя съёмка
/reels-brolls-remotion

Живое видео + врезки на Remotion

Под каждую смысловую фразу кадр сменяется графикой с настоящими скриншотами и цифрами, внизу вшитые субтитры по 1–2 слова.

деньги
бесплатно
выход
MP4 1080×1920 с вашим звуком и вжжёнными субтитрами.
время
зависит от числа врезок; рендер каждой — минуты
пример
ВРЕЗКА (половинная): скриншот, счётчик, список
ЛИЦО
субтитр 1–2 слова
Полнокадровая врезка закрывает весь кадр на время своей реплики.

что на видеоДемо из пака: оранжевые врезки на весь кадр чередуются с говорящим автором.

обозначения на схеме
лицо — зона без графики
карточки и врезки
текст и субтитры
бейдж, аватар, призыв
видео / медиа

01Как выглядит

  • Одна врезка — одна законченная мысль. Полнокадровая (лицо уходит) или половинная (графика сверху, лицо снизу).
  • Готовые приёмы: окно браузера со скриншотом и наездом, счётчик-одометр, столбцы, список с галочками, счётчик с конфетти.
  • Скриншоты живых страниц, цифры из API (звёзды, версии, даты), логотипы — настоящие.
  • Субтитры по 1–2 слова внизу, стиль вжигания в пикселях кадра.
  • Лицо в кадре на хуке и на прямом обращении; графика не больше ~60 % хронометража.

02Когда брать

Берите, если
  • ✓в речи есть факты, сервисы, цифры, которые надо доказать в кадре
  • ✓нужна графика, которую Omni не нарисует честно
Не берите, если
  • →оверлей поверх лица без смены кадра → /reels-overlay-steps
  • →лицо генерируется → /reels-omni-avatar

Что нужно на входе: Ваше разговорное видео; сценарий берётся из расшифровки или из scenario.md.

03Как запустить

Напишите агенту обычными словами или наберите команду. Например:

›_
Вы пишете агенту
Собери монтаж из моего видео с врезками на Remotion: на каждую фразу врезку, скриншоты сервисов настоящие.

Или коротко: /reels-brolls-remotion — агент сам задаст недостающие вопросы.

04Что происходит по шагам

  1. 1

    Расшифровка

    делает агент

    Видео копируется в рабочую папку латиницей, движок субтитров делает пословную разметку.

  2. 2

    Разметка врезок

    делает агент

    Границы врезок по паузам в речи, а не на глаз. Решается полнокадровая или половинная.

  3. 3

    Настоящие ассеты

    вместе

    Скриншоты страниц, цифры из API, логотипы. Не нашёлся первоисточник — врезка типографикой.

  4. 4

    Композиции Remotion

    делает агент

    Однотипные врезки — одним параметризованным компонентом, чтобы серия не расползалась.

  5. 5

    Склейка

    делает агент

    Врезки по таймкодам + субтитры, звук автора.

05Шаблоны файлов

timeline.json — где какая врезка
{
  "source": "workspace/reels/<slug>/source.mp4",
  "out": "workspace/reels/<slug>/<slug>-montage.mp4",
  "ass": "workspace/reels/<slug>/subs.ass",
  "brollDir": "remotion-kit/out/brolls",
  "fontsDir": "tools/subtitles/fonts",
  "brolls": [
    { "id": "Hook",     "start": 0.00, "frames": 75 },
    { "id": "RepoStar", "start": 6.40, "frames": 96 }
  ]
}
start в секундах, frames — длина врезки в кадрах при 30 fps.
готовые приёмы из remotion-kit
import { Odometer, ListCheck } from "../shotcraft";

<Odometer value="145 000" label="за 48 часов" a={ACCENTS.amber} />

// Готовые приёмы src/shotcraft/: Odometer, CounterPop, BarsWave, ListCheck, CardFan,
// BlurLines, ScrambleWord, MarkerTitle, Timeline, BeforeAfter, AiStream.
// База src/brolls/kit.tsx: Backdrop, Chip, Counter, RepoShot, Bullet, Enter.

06Команды движков

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

движки формата
node tools/subtitles/subtitles.mjs prepare "<абсолютный путь к видео>" --model local:medium
node scripts/shot-web.mjs <url> <out.png> --w 1200 --h 900      # настоящий скриншот
curl -s https://api.github.com/repos/<owner>/<repo>              # цифры из API

cd remotion-kit
npx remotion still src/index.ts <Id> out/stills/<Id>.png --frame=<середина>     # стилл на проверку
npx remotion render src/index.ts <Id> out/brolls/<Id>.mp4 --image-format=png --crf=16           # черновик
npx remotion render src/index.ts <Id> out/brolls/<Id>.mp4 --image-format=png --crf=16 --scale=2 # чистовик

node scripts/srt-to-ass.mjs out/subs/<name>/<name>.srt workspace/reels/<slug>/subs.ass --size 104
node scripts/reel-brolls-assemble.mjs workspace/reels/<slug>/timeline.json [--draft] [--no-subs]
node scripts/telegram/send-file-to-bot.mjs workspace/reels/<slug>/<name>-montage.mp4 "<подпись>"

07Грабли и правила

!Врезка доказывает ровно то, что звучит. Похожий скриншот вместо настоящего — нельзя.
!Не работать по путям с кириллицей.
!До рендера — стиллы на проверку: вы говорите «да», потом рендер.
!Нижнюю часть кадра (ниже 1440 px) графикой не занимать — там лягут субтитры.
!Врезка 3 секунды: около минуты черновиком, около 4 минут чистовиком.