Генератор видео для сайта со скроллом

Генератор видео для сайта со скроллом по промпту

Один промпт собирает страницу, где позиция скролла — это головка воспроизведения: камера входит в сцену, вылетает и приземляется в следующей без склейки.

Фонтейн ночью — терминал аквабуса, собранный для этой страницы в мире Genshin Impact. Прокрутите внутри рамки, чтобы пролететь три сцены.

Фонтейн ночью — собрано для этой страницы в мире Genshin Impact. Прокрутите внутри рамки: три остановки, три погружения, два стыка, один непрерывный полёт.

The Descent — Chasm City, мосты и башни над светящейся пропастью, с навигацией по главам и текстом сцены.

Scroll of Colossal Things — будда, высеченный в скале, плющ на ухе, рядом текст сцены и строки данных.

Cronache di Feira e Airalia — Айралия, город в небе, орлы над мостами из облаков, слева итальянский текст.

Фонтейн ночью — торговая галерея, название сцены и навигация по главам поверх сгенерированного видео.

Работает на навыке Scroll World — том же, что собрал каждый кадр ниже.

The Descent — заброшенные врата. Освещённый каменный коридор уходит в темноту, сверху навигация, 01 / 05, заголовок и одна строка текста. — **Заброшенные врата** — Сцена 1 из 5: навигация, заголовок и строка текста лежат поверх видео как HTML. Этот текст можно править после сборки.

The Descent — кристальный спуск. Каменный винтовой мост перекинут через синюю пропасть, позади водопад. — **Кристальный спуск** — Середина погружения по спирали. Камера движется, а не стоит на кадре: перила проносятся, текст остаётся.

The Descent — святилище дракона. Дракон свернулся на золоте и яйцах в затопленном хранилище, рядом кнопка «Спуститься снова». — **Святилище дракона** — Полёт заканчивается на страже и кнопке «Спуститься снова». Длину скролла задаёт страница, а не длительность клипа.

Scroll of Colossal Things — кит размером с гору под маленькой лодкой, тушь, китайский текст и строки данных. — **Кит** — Пять глав тушью. Один сгенерированный кадр на сцену, затем работа камеры; строки данных и чипы глав — HTML.

Scroll of Colossal Things — лицо старика, сложенное горным хребтом, ниже туман и сосны. — **Спящая гора** — Сцена 2 сохраняет бумагу, кисть и шрифт сцены 1: каждый кадр выведен из одного мастер-изображения.

Scroll of Colossal Things — высокая пагода в тумане, рядом хвост дракона и каменный будда. — **Башня** — Вертикальный сюжет в кадре 16:9: композицию выбирают под страницу, поэтому на ноутбуке не будет полос.

Cronache di Feira e Airalia — синий кристальный город в пещере, итальянский заголовок Feira · la Città di Cristallo. — **Фейра, город кристаллов** — Итальянская сборка: заголовки, текст и навигация на итальянском. Страница пишется на том языке, который вы попросите.

Cronache di Feira e Airalia — долина на рассвете, озеро и лес, сверху итальянский заголовок Il Mondo Esterno. — **Внешний мир** — Сцена 3 выходит из туннелей на свет через сгенерированный переход — камера выходит на свет, а не уходит в чёрное.

Фонтейн ночью — терминал аквабуса, заголовок сцены и навигация поверх сгенерированного видео, сделано для этой страницы. — **Терминал аквабуса** — Собрано для этой страницы в мире Genshin Impact: три сцены, три погружения, два перехода, опубликовано одной страницей со скроллом.

LIVE PROOF

See the work live.

Open the work and use it here.

Страница, которая скрабит видео, а не ролик, который играет.

Studio генерирует сцены, погружения и стыки, пишет текст поверх и публикует страницу. На выходе — статичный сайт: видеофайлы, один HTML и небольшой движок скролла. Без фреймворка, таймлайна и экспорта — откройте ссылку и прокручивайте.

Скролл — это головка — Каждая позиция скролла соответствует кадру. Темп задаёт зритель, и если он остановится на середине, камера останется там.
Один свет, три сцены — Мастер-кадр задаёт палитру и свет; каждая сцена выведена из него, поэтому гавань из первой сцены та же в третьей.
Текст можно править — Заголовки, надзаголовки, строки данных и подписи навигации — HTML опубликованной страницы. Меняйте слова без повторного рендера клипов.

Что спрашивают перед сборкой.

Что такое генератор видео для сайта со скроллом?

Он собирает страницу, где позиция скролла задаёт воспроизведение заранее отрендеренного полёта камеры. Вы прокручиваете — камера идёт через сгенерированные сцены. Ни кнопки воспроизведения, ни таймлайна для монтажа.

Это видео того, как прокручивается мой сайт?

Нет. Чтобы записать движение существующей страницы, нужен инструмент захвата экрана. Здесь собирается сама страница, видео лежит внутри, а скролл им управляет.

Нужны ли GSAP, After Effects или видеоредактор?

Нет. Генерация пишет чистый HTML, CSS и небольшой JavaScript-движок; клипы создаёт модель. Результат живёт на любом статическом хостинге.

Сколько может быть сцен?

По умолчанию три, это около 25 МБ видео. Каждая следующая сцена добавляет погружение и стык — примерно 9 МБ. В The Descent на этой странице пять сцен.

Сколько занимает сборка?

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

Будет работать на телефоне?

Да. Касание прокручивает тот же движок, а на маленьких экранах можно загрузить более лёгкое кодирование, чтобы первая сцена началась раньше.

Стыки правда незаметны?

Каждый переход начинается с реального последнего кадра предыдущего погружения и заканчивается на реальном первом кадре следующего. Некоторые сборки добавляют короткое растворение для страховки; если нужен жёсткий стык, попросите совпадение по кадрам.

Можно использовать свой IP, свои изображения или текст?

Да. Собирайте внутри существующего мира, чтобы сохранить его героев и архитектуру, или дайте референс-кадр. Заголовки, текст и подписи остаются редактируемым HTML.

Дайте одному месту три остановки.

Кнопка загружает ночной рынок в порту — рыбные лавки, переулок с фонарями, святилище на крыше. Поменяйте место и остановки в поле; страница вернётся готовой к прокрутке.

Собрать ночной рынок в порту