HyperFrames

Зачем это

Пишете HTML с таймингом (data-duration, class="clip", paused GSAP). Плеер крутит композицию. Кнопка «Собрать MP4» прогоняет те же кадры в Chrome и отдаёт ролик.

Композиции

Карточка Follow

Имя Хэндл Подписчики Кнопка После клика Фото Прозрачный WebM (оверлей)

Видео снизу

Своё MP4 (заменит говорящую голову)

Soft Follow

Слайды + говорящая голова, как в Ref

1080×1920 · 24 с · 30 fps

Загрузка плеера с CDN…

data-duration, class="clip", paused GSAP → window.__timelines

По умолчанию standard 30 fps. Follow — 4.5 с. Soft Follow — 24 с. Прозрачный оверлей: галочка WebM на карточке Follow.