[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f2duvu4qzqtvxh":3},{"code":4,"message":5,"data":6,"timestamp":57},10000,"success",{"full_name":7,"position":8,"description":9,"language":10,"stars":11,"forks":12,"stars_gained":13,"age_days":14,"hn_threads":15,"one_liner":42,"summary_md":43,"topic":44,"github_topics":47,"license":51,"homepage":52,"updated_at":53,"history":54},"remotion-dev\u002Fremotion",13,"🎥 Make videos programmatically with React","TypeScript",67062,5405,364,2313,[16,22,28,32,37],{"id":17,"title":18,"points":19,"comments":20,"posted_at":21},30557206,"Create Videos Programmatically in React",42,7,"2022-03-04",{"id":23,"title":24,"points":25,"comments":26,"posted_at":27},28044916,"Remotion: Create Videos Programmatically with React",3,0,"2021-08-03",{"id":29,"title":30,"points":25,"comments":26,"posted_at":31},27803352,"Remotion – Create videos programmatically using React","2021-07-11",{"id":33,"title":34,"points":35,"comments":26,"posted_at":36},30531902,"Remotion: Create Videos Programmatically in React",2,"2022-03-02",{"id":38,"title":39,"points":40,"comments":40,"posted_at":41},46720372,"Remotion 3.0: Build videos programmatically with React",1,"2026-01-22","用 React 组件写视频并批量渲染，给需要程序化、数据驱动视频的团队一个不用时间轴的方案。","## 解决什么问题\n\n做视频通常只有两条路：人工在时间轴编辑器里拖素材，或者在服务端用 ffmpeg 脚本和图片合成拼出一条流水线。两者都不擅长处理「带变量」的视频——给一千个用户各生成一条个性化视频，或者让视频内容跟着实时数据变化，就会退化成一堆难以维护的脚本。Remotion 把视频当作一棵 React 组件树：每一帧都是时间的函数，渲染器逐帧输出，预览和成片用的是同一份代码。\n\n## 有什么不同\n\n传统剪辑软件（Premiere、After Effects）面向一次性人工剪辑，扩展到模板化批量生产很别扭。服务端 ffmpeg 方案控制力够，但没有组件模型、没有实时预览，也无法复用 Web 排版能力。Remotion 的赌注是把 CSS、React 状态、props、数据请求这些 Web 原语当作动画语言，播放器组件和渲染器共享代码。真正让它不止于玩具的是 Node.js\u002FLambda 等批量渲染路径。README 现在把「用编码 Agent 做视频」放在最前面，但这更像工作流包装而非新引擎，文档里细节很少，别把它当成核心卖点。\n\n## 适合谁\n\n已经在用 React 的团队，需要模板化或数据驱动的视频：营销素材流水线、大批量个性化视频、产品内的视频导出功能、动画设计系统。适合宁愿调组件也不愿调时间轴的人。不适合想要可视化画布、完全不写代码的剪辑师和动效设计师，也不适合只想做简单裁剪转码的场景，以及不愿意在流水线里跑 Node.js 和无头浏览器的人。\n\n## 上手成本\n\n需要 Node.js，渲染链路上一般还要无头浏览器和 ffmpeg；要上量就得接 Lambda、Vercel sandbox 或客户端渲染。真正的门槛是许可证：它不是标准开源协议，README 明确说某些情况下需要购买公司授权，动手前先对照 `LICENSE.md` 看公司规模和用途。文档很厚（1000+ 页）是加分项，但 API 面积也大。这类渲染工具链还存在版本迭代快、需要锁版本的老问题。\n\n## 点评\n\n这是个成熟项目，不是昙花一现：六年历史、约 6.7 万 star，登上趋势榜那天只涨了 364，但当月累计 +6,681，说明是围绕真实产品的稳定自然增长，而非突发热度。「React 即视频源」这个思路确实有区分度，也经住了时间。团队写 React、又需要模板化\u002F批量\u002F应用内视频，就值得上手；需要可视化编辑器，或者打算在此基础上做商业产品却还没看许可证的，请先绕开。",{"slug":45,"name":46},"media","多媒体与设计",[48,49,50],"javascript","react","video","NOASSERTION","https:\u002F\u002Fremotion.dev","2026-10-24T15:36:14Z",[55],{"date":56,"stars":11,"stars_gained":13},"2026-10-24",1792868500]