滚动网站视频生成器

滚动网站视频生成器,一句话就能生成

一句提示词生成一个页面,滚动条就是播放头——镜头俯冲进场景,再飞出去,落到下一幕,中间没有切换。

枫丹的夜晚——巡轨船码头,为这个页面在原神世界中生成。在画面里滚动,穿过三个场景。

枫丹的夜晚,在这个页面上、于原神世界中生成。在画面里滚动:三个停靠点,三次俯冲,两处接缝,一段连续的飞行。

滚动这段飞行↗
The Descent——深渊之城,桥与塔横跨发光的裂谷,屏幕上有章节导航和场景文案。Scroll of Colossal Things——崖壁凿成的大佛,耳畔爬满藤蔓,旁边是场景文案和数据行。Cronache di Feira e Airalia——天空之城 Airalia,鹰在云桥间盘旋,左侧是意大利语文案。枫丹的夜晚——商业街,生成的视频上叠着场景标题和章节导航。
✦滚动视频
做一个滚动网站视频,主题是黎明时的崖边寺庙——山门、石阶、峰顶

由 Scroll World 技能驱动——下面每一帧都出自它。

The Descent——被遗弃的城门。一条点着灯的石廊伸进黑暗,上面有章节导航、01 / 05、标题和一行文案。The Descent
被遗弃的城门 — 五幕中的第一幕:章节导航、场景标题和一行文案都以 HTML 叠在视频上,生成之后仍可修改。
The Descent——水晶深渊。石制螺旋桥横跨泛蓝光的裂谷,身后是一道瀑布。The Descent
水晶深渊 — 正在俯冲的螺旋。镜头在动,而不是停在一张静帧上——桥栏扫过,文案保持不动。
The Descent——巨龙圣所。一条龙盘在金堆和龙蛋上,积水的地面上有“再次下潜”按钮。The Descent
巨龙圣所 — 飞行结束在守卫者和“再次下潜”按钮上。滚动长度由页面决定,而不是某段视频的时长。
Scroll of Colossal Things——山一样大的鲸浮在小舟之下,水墨风格,配中文文案和数据行。Scroll of Colossal Things
鲸 — 五章水墨。每幕一张生成静帧,再接镜头运动;数据行和章节标签都是 HTML。
Scroll of Colossal Things——山脊化成老人的脸,下方是雾与松树。Scroll of Colossal Things
沉睡的山 — 第二幕沿用第一幕的纸、笔和字体,因为每一张静帧都从同一张主视觉派生。
Scroll of Colossal Things——高塔没入雾中,旁边是龙的尾鳍和一尊石佛。Scroll of Colossal Things
塔 — 竖构图的主体放进 16:9 画框:构图是为页面选的,所以在笔记本上不会出现黑边。
Cronache di Feira e Airalia——洞穴中的蓝色水晶之城,意大利语标题 Feira · la Città di Cristallo。Cronache di Feira e Airalia
费拉,水晶之城 — 一个意大利语版本:标题、正文和导航全是意大利语。页面用你要求的语言来写。
Cronache di Feira e Airalia——黎明时分的山谷、湖泊与森林,上方是意大利语标题 Il Mondo Esterno。Cronache di Feira e Airalia
外面的世界 — 第三幕穿过生成的连接镜头走出隧道、进入日光——镜头是走出去的,不是切黑。
枫丹的夜晚——巡轨船码头,生成的视频上叠着场景标题和章节导航,为这个页面而建。Genshin Impact · Fontaine
巡轨船码头 — 为这个页面在原神世界中生成:三幕、三次俯冲、两个连接镜头,发布成一个滚动页面。
LIVE PROOF

See the work live.

Open the work and use it here.

See the work live.Open in new tab
Want your own?Make My Own

这是一个可以拖动的视频页面,不是一段自动播放的片子。

Studio 生成场景、俯冲和接缝,写好叠加文案,再把页面发布出来。交付的是一个静态站点:视频文件、一个 HTML、一个很小的滚动引擎。没有框架,没有时间轴,没有导出步骤——打开链接就能滚。

  • 滚动条就是播放头——每个滚动位置对应一帧。节奏由访客决定,停在半路,镜头就停在那里。
  • 一套光,三幕景——一张主视觉定下色板和光,每一幕都从它派生,所以第一幕的港口就是第三幕的港口。
  • 文案可以自己改——标题、眉题、数据行和导航标签都是页面里的 HTML,改字不用重新渲染任何片段。

动手之前,大家会问的问题。

滚动网站视频生成器是做什么的?

它生成一个页面:滚动位置决定一段预渲染镜头飞行的播放进度。你滚动,镜头就在生成的场景里移动——没有播放按钮,也没有时间轴要剪。

这是把我现有的网站录成视频吗?

不是。如果你要的是把已有页面滚动的过程录下来,请用录屏工具。这里生成的是页面本身,视频在页面里,由滚动驱动。

需要 GSAP、After Effects 或剪辑软件吗?

不需要。生成过程写出纯 HTML、CSS 和一个小型 JavaScript 滚动引擎,片段由模型生成。结果可以放在任何静态托管上。

最多能做几幕?

默认三幕,大约 25 MB 视频。每多一幕就多一次俯冲和一个连接镜头,约多 9 MB。这个页面上的 The Descent 做了五幕。

一次生成要多久?

先出静帧,最后出片段。三幕的飞行通常一到两小时完成,取决于视频队列——这个页面上的枫丹大约用了 80 分钟。

手机上能用吗?

能。触摸滚动驱动同一套引擎,小屏可以加载更轻的编码,让第一幕更快开始。

接缝真的看不出来吗?

每个连接镜头从上一段俯冲真实的最后一帧开始,到下一段真实的第一帧结束。有些生成会额外加一个很短的溶解作为保险;需要硬接的话,提前说明要帧级一致。

可以用我自己的 IP、画或文案吗?

可以。在已有的世界里生成,角色和建筑就会延续;也可以给它一张参考图。场景标题、正文和导航标签都还是可编辑的 HTML。

给一个地方三个停靠点。

按钮会载入一个港口夜市——鱼摊、灯笼巷、屋顶神社。在输入框里改地点和停靠点,页面生成后就能滚。

×