Ren(@Ryrenz):🎬 炸裂，用写网页的方式做视频，代码一改画面就变 GitHub 上 4.19 万 stars 做一批格式统一的视频是件苦差事。一百个学员的结业证书视频、每天更新的数据播报、几十条只换文案和产品图的广告片，在剪辑软件里就是同一套模板改一百遍，改完还要一条条导出。 HyperFrames 换了个思路：视频用 HTML、CSS、媒体文件和动画来定义，渲染器开一个无头 Chrome 逐帧截图，再交给 FFmpeg 编码。这意味着做视频变成了写代码，批量生成就是跑个循环，改样式就是改一行 CSS。动画不用重新学，GSAP、CSS 动画、Lottie、Three.js、Anime.js 和 Web Animations API 都有对应适配器，前端手上现成的东西直接能用。渲染能力给了三档：本地渲染、Docker 渲染，还有 AWS Lambda 分布式渲染，量大的时候直接横向铺开。项目本身是完整的一套：命令行工具、核心解析和运行时、捕获引擎、制作管线、浏览器编辑器、播放器组件和着色器转场都在。要求 Node.js 22 以上，依赖 FFmpeg，Apache 2.0 协议。会写网页就会做视频，这个门槛降得有点狠。 GitHub：

2026.08.22 09:05

🎬 炸裂，用写网页的方式做视频，代码一改画面就变 GitHub 上 4.19 万 stars 做一批格式统一的视频是件苦差事。一百个学员的结业证书视频、每天更新的数据播报、几十条只换文案和产品图的广告片，在剪辑软件里就是同一套模板改一百遍，改完还要一条条导出。 HyperFrames 换了个思路：视频用 HTML、CSS、媒体文件和动画来定义，渲染器开一个无头 Chrome 逐帧截图，再交给 FFmpeg 编码。这意味着做视频变成了写代码，批量生成就是跑个循环，改样式就是改一行 CSS。动画不用重新学，GSAP、CSS 动画、Lottie、Three.js、Anime.js 和 Web Animations API 都有对应适配器，前端手上现成的东西直接能用。渲染能力给了三档：本地渲染、Docker 渲染，还有 AWS Lambda 分布式渲染，量大的时候直接横向铺开。项目本身是完整的一套：命令行工具、核心解析和运行时、捕获引擎、制作管线、浏览器编辑器、播放器组件和着色器转场都在。要求 Node.js 22 以上，依赖 FFmpeg，Apache 2.0 协议。会写网页就会做视频，这个门槛降得有点狠。 GitHub：