用 Codex / Claude Code 做视频：两支 15 秒宣传片，画面和配乐全是代码

片头敲出一句提示词「做一支 15 秒宣传片，要帅」，每敲一个字响一个音，打完刚好是一段旋律。发送之后满屏代码滚动，其中一段 logo 的坐标飞出来，连成 AONIR 的标志，再被像素化炸开。

接着一拍换一种动效技法：动态文字、3D 空间、粒子、形状变形、液态、数据图表，上半屏是对应的代码，下半屏是渲染结果，随后六个画面拼成一面墙。「连音乐，都是算出来的」这段里，钢琴卷帘的音符就是配乐实际弹的音符，下方频谱读的是成片音频逐帧分析出的数据。最后同一个广告版式一拍换一个虚构品牌，定格在「你的品牌，下一个。」

这支按常见的产品发布片结构走：先画出 logo 的结构线和 60° 斜线标注，镜头钻进标志里的三角形；产品名一拍一个砸上来；三条和 logo 同角度的色带扫过，进入官网首屏，镜头拉远露出浏览器；手机演示三步流程；三个卖点黑、白、红三色硬切；最后 logo 四块碎片汇聚，静音一拍后合体。

片中是 AONIR 自己的官网和购买流程。换成别的品牌时，网址、导航、标题、三个步骤、手机界面的文字和三个卖点，都在同一个配置文件里改。

「用代码做视频」具体是这样：每一帧都是函数 render(t) 的结果，给定时间 t，页面就摆成那一刻的样子。无头 Chrome 按每秒 60 帧的时间点逐帧截图，ffmpeg 再把截图编码成视频。同一个 t 永远画出同一帧，所以可以反复渲染、随时修改。

• 动效：用 HTML、CSS、SVG 和 Canvas 写，所有运动都是时间的函数，没有用动画软件。
• 动态模糊：每帧在 180° 快门内渲染 8 到 16 个子帧再叠加，快速运动的地方用更多子帧，运动看起来和摄影机拍的一样顺。
• 配乐：Python + numpy 从正弦波开始合成底鼓、军鼓、贝斯、和弦和转场音效，再做混响、混音和限幅，响度约 -12.6 LUFS。
• 卡点：画面和配乐共用同一个节拍网格，第 n 拍在 n × 60 ÷ 128 秒，写画面切点和写鼓点用的是同一个公式。
• 渲染：一支 15 秒成片有 900 帧，加上子帧要截约 8000 张图，分 4 路并行，一台 8 核 Mac 约 4 分钟。

两支片子的全部源码放在 GitHub 公开仓库 ai-code-video-templates，代码采用 MIT 许可。每个模板的品牌、logo、颜色和文案都集中在一个 config.js 里。

最省事的做法是交给 AI 编程助手：用 Codex 或 Claude Code 打开仓库，说清楚你的品牌和文案。仓库根目录的 AGENTS.md 写了该改哪个文件、SVG logo 怎么转换、怎么出预览图、哪些数量不能动，助手照着做就行。

git clone https://github.com/Avarce/ai-code-video-templates
cd ai-code-video-templates && pip install numpy
node engine/render.mjs templates/code-film stills 1 4 8 14
node engine/build.mjs templates/code-film

用 templates/code-film 给我做一支片子：品牌叫「北屿茶饮」，主色 #1F8A5B，logo 用 assets/my-logo.svg，提示词改成「给我的茶饮店做个开业视频」，片尾写「新店开业 欢迎来坐坐」。先出几张预览图给我看，没问题再渲染成片。

电脑上需要 Node.js 22 或更新版本、Python 3 和 numpy、ffmpeg，以及 Google Chrome 或 Chromium。改片子的活交给 AI 编程助手，两个都可以：

• Codex：不单独收费，包含在 ChatGPT 套餐里。Free 可以体验，经常用建议 Plus 或更高。
• Claude Code：需要 Claude Pro 或更高的订阅。这两支片子就是用 Claude Code 做的。

• 目前只在 macOS 上实测过。Linux 要先装中文字体（如 Noto Sans CJK），否则中文会显示成方块。
• 配置文件里有几个数量不能改，比如竖屏片的 4 个演示品牌和 3 条数据。配乐的鼓点是按这些数量写的，改了会音画错位。
• 演示里的 AONIR 名称和 logo 不在 MIT 授权范围内，发布你自己的片子前要换掉；片中的咖啡、跑鞋等品牌都是虚构的。
• 发到抖音、视频号、小红书时，按平台要求勾选「AI 生成」标识。
• 成片约 50 MB（1080p 60 帧）。放进网页时建议另存一个 720p 以内的小文件，并设置为点击才加载，本页的两个视频就是这样处理的。