LaunchReel AI / 代码生成视频
面向发布片的代码生成视频
发布片由代码按方案画出,而不是由模型逐像素生成:用你真实的界面,文字准确,想改哪个镜头只重画哪个。
之前 · squeezereel.com
之后 · LaunchReel 用它做出的片子
SqueezeReel（轻舟）是同一工作室的另一款视频压缩产品，这支发布视频是为它制作的。 squeezereel.com
$39 买 Starter 积分包：一支发布视频（简报、分镜、一支约 30 秒的 16:9 成片，用你的真实截图），一次无水印 1080p 导出，另留 10 积分用来改镜头。
一次性 $39，不订阅。Stripe 付款页会请你填写邮箱。付款之前什么都不运行；付款后点「开始」，简报、分镜和成片会自己往下走。
代码生成视频,是由程序按一份写好的方案把画面画出来的视频,而不是由扩散模型逐像素生成的视频。LaunchReel AI 做的是其中一类:产品发布片。它先根据你的网站写出分镜,再用有名字的动效组件和你真实的界面逐镜头绘制,所以文字清晰,想改哪个镜头,只重画那一个。
LaunchReel 团队
先看看实际成片
用 LaunchReel 为 ReadVideo 和 SqueezeReel（同一工作室的两款独立产品）制作的近期作品。先看成片，再试试你的网站。
ReadVideo
自有产品 · 2026-10-10 · 31 秒 · 英语画面
1280 × 720 · 16:9 · 无音轨
ReadVideo：点击文字，回到视频中对应的时刻。
LaunchReel 预览版
用我的网站制作什么是代码生成视频?
像素生成模型从噪点出发,把一段视频的每一帧都画出来。代码生成视频从一份方案出发。方案写明每个镜头里有什么(文字、形状、界面、镜头),每样东西放在哪里,随时间怎样运动、怎样缓动。渲染器再按需把方案里任意一帧画出来。
这带来三个结果。文字是真正的字,你写成什么样,画面上就是什么样。同一份方案,每次画出的帧都一样。方案还能修改:改其中一行,只有对应的部分会重画。
两种做法的区别
| 方面 | 生成模型逐像素画出 | 由代码画出 |
|---|---|---|
| 画面上的文字 | 可能变形或写错,小字尤其明显 | 真正的字,与所写完全一致 |
| 你产品的界面 | 按描述去模仿 | 你真实的截图,绝不编造 |
| 改一处 | 整段重新生成 | 只重画改动的那个镜头 |
| 同样的输入跑两次 | 得到不同的片子 | 得到相同的帧 |
| 擅长 | 实拍质感的画面、人物、场景、写实镜头 | 界面、文字、图示、动态图形 |
为什么代码生成视频适合发布片?
发布片主要由文字、界面和一两个数字构成,看的人常常是静音刷着信息流。这些恰恰是生成式画面最不擅长的:产品名里错一个字母,或者出现一个根本不存在的按钮,损失比一个普通镜头省下的功夫大得多。
发布片也总在改。从第一版到上线当天,口号会变,截图会换,时长会删减。片子是一份方案时,这些都只是对某一个镜头的小改动,而不是重新掷一次骰子。
LaunchReel 怎样用这种方式做一支发布片?
流程分六个阶段,见下方。前两步都是纯文字,所以在画任何一帧之前,你就能读到片子要说什么。
动效层是开放的。组件可以在 compreel.com/zh/motion 浏览,代码以 MIT 许可证发布在 npm,包名 @launchreel/motion-kit。
哪里能看到这样做出来的片子?
上面的片子是我们自己的,分别为 ReadVideo 和 SqueezeReel 制作。客户愿意分享的片子在画廊里,任何人都可以把其中一支当模板:沿用它的结构、节奏和风格,用自己的产品来做。更多请看示例页。
能只改一个镜头而不重画整支片子吗?
可以。时间线旁边有聊天栏:说出要改什么,只有那个镜头会被重写、重画。你也可以在分镜视图里直接改某个镜头。改一个镜头花固定的少量积分,改动生效时才扣,而且每个镜头的每个版本都会保留,随时可以退回。
改旁白或配乐,只会重新混音,画面不动。
最后能拿到什么?
16:9 的 MP4,1080p 或 4K,字幕烧录在画面里,另附 .srt 文件,还有 5 到 10 秒的短版,支持 16:9、9:16 和 1:1。Pro 版另有 After Effects 工程:每个镜头一个合成,文字和形状可编辑并带关键帧,动效师可以从代码停下的地方接着做。
从简报到成片的六个阶段
- 01
简报
LaunchReel 读你的网站(首页加最多三个内页),回答关于产品的六个问题,每个答案都带出处。再据此写出简报:受众、卖点、语气,以及要展示哪些界面。
- 02
分镜
每个镜头有时长、画面上的文字和要用的动效。30 秒的片子约七个镜头。分镜写成什么样就按原样展示,你可以改其中一行,或者在聊天里说。
- 03
动效组件
每个镜头都由一套有名字的组件搭成:转场、标题处理、设备外框、图示和打字效果,各有固定的时序和缓动。镜头按名字选组件,所以片子的运动方式就像动效师写下的规格。
- 04
音乐节拍
片子带有一张取自配乐速度的节拍网格。能落在拍点上的组件,比如标题入场和切镜,会按拍点地址放到这张网格上,节奏检查会标出偏离拍点的落点。检查只给建议。
- 05
旁白
每个镜头有一两句旁白,用片子的语言(中文或英文)。每一句配音时都带着前后两句作上下文,语气能在镜头之间接上,再按镜头长度调整,并与配乐混到同一响度。
- 06
渲染
无头浏览器按方案画出各帧,ffmpeg 编码成 MP4,字幕烧录在画面里。画面的任何部分都不是扩散模型画的。
适合谁
- 要在本周做出发布片的软件或网页产品的创始人和小团队。
- 命令和数字必须与屏幕完全一致的开发者工具和开源项目维护者。
- 上线前会反复修改片子的团队。
- 想从一个工程起步、而不是从空白时间线起步的动效师。
不适合谁
- 人物、地点或手部的实拍素材。
- 写实场景或 3D 产品渲染。
- 需要一个并不存在的界面的片子:引擎绝不编造界面。
- 长视频或连续剧式的内容:一支片子约 30 秒,也可做 60 秒。
大家常问的问题
代码生成视频和 AI 视频是一回事吗?
不完全是。这里由 AI 写方案:语言模型读你的网站,写出简报和分镜。但没有任何模型去画帧,画面是代码画的。通常说的「AI 视频」指扩散模型生成的像素,那是另一种做法。
片子里的文字会和我写的完全一样吗?
会。文字按真正的字排版,与分镜逐字一致。你可以在分镜里先读一遍,再在聊天里改任何一行。
它会编造界面或功能吗?
不会。界面来自你真实的截图,文字来自你的网站。网站没有说的内容,简报会直说没有,而不是编一个。
旁白支持哪些语言?
目前是中文和英文。每个镜头一两句,用片子的语言,旁白也可以关掉。
动效师能在 After Effects 里接着做吗?
可以,用 Pro 版的 After Effects 工程:每个镜头一个合成,文字和形状可编辑并带关键帧,附旁白和渲染好的成片作参照。
动效引擎是开源的吗?
动效层以 MIT 许可证发布在 npm,包名 @launchreel/motion-kit,组件展示在 compreel.com/zh/motion。LaunchReel 本身是托管产品。
用你自己的网站试一试
贴上网址，先看你的方案和套餐。简报、分镜和一份归你保留的 720p 副本随项目附带。查看价格。