我的视频有单元测试:一个 frame(t) 函数渲染整条广告片
来源:pertiller.tech — 2026-10-27
📋 概述
作者要给副项目 Petroly(油价应用)做一条 15 秒宣传片,没用剪辑软件,而是让 Claude Code 写了个 JavaScript 渲染器:核心是一个函数 frame(t) 返回该时刻的 SVG,浏览器里滑杆拖到哪就渲染哪一帧,图表、通知、排序动画、二维码全部按时间算出来。要出成视频就取 375 帧(25fps × 15 秒),用 sharp 把 SVG 转成 RGBA 像素流喂给 FFmpeg。真正的意外是智能体把视频当成可测软件:写了一条测试断言「价格提醒的推送通知不能在折线到达目标价之前出现」,还测了二维码静区、列表从按距离排序变成按价格排序、375 帧里不出现 NaN/Infinity/undefined,以及最便宜站点的高亮必须等所有行停稳。
🔑 核心要点
- 架构就一个函数:frame(t) → SVG,视频是时间的函数,375 帧流进 FFmpeg 编码。
- 断言直接表达设计意图:通知不得早于折线到价、高亮不得早于行停稳。
- 像素级检查也在:确认 logo 真的栅格化,而不只是 SVG 里有这个元素。
- 透明圆角是副产品:只有 ProRes 4444 加 alpha 的 MOV 母版才保得住 alpha 通道。
💡 金句
A video implemented by Claude Code. No video editor, no subscription, but unit tests.
👍 0
👎 0
← 返回 Hacker News 首页