Remotion 进阶：一份代码，参数化批量出片
· 阅读需 5 分钟
上一篇文章走完了 Remotion 的最小闭环。但要真正发挥 Remotion 的威力，关键在参数化——用 zod schema 定义参数，一份代码换不同数据，批量渲染出不同版本。
这篇文章用柱状图动画演示：同一个 <DataBars> 组件，给它换三组参数，渲染出三份不同内容、不同配色的视频。
3 篇博文 含有标签「react」
查看所有标签Remotion：用 React 写代码生成视频的最小闭环
· 阅读需 7 分钟
Remotion（github.com/remotion-dev/remotion，约 5.7 万 star）是一个用 React 写代码来制作视频的框架。它的核心心智模型是：React 代码就是视频的"源文件"——你写一个 React 组件，Remotion 会按时间轴把它一帧一帧渲染出来，最终编码成真正的 MP4 视频。
这篇文章不追求大片质感，只走一遍最小闭环：脚手架 → 理解代码 → 真实渲染 → 分享 MP4 → 嵌入博客。
把 PPT 做成前端项目：Frontend Harness Slides 的工作流与实践路线
· 阅读需 16 分钟
有些“PPT”打开以后并不是 PowerPoint，也不是 Keynote，而是一个完整的前端应用。
Patrick Fu 的 From Spec to Loop 就是这种形态：演讲页里的 Open slides 进入的是 /talks/from-spec-to-loop/slides/ 下面的网页，URL 可以带 ?scene=1&beat=0，按方向键会推进场景，页面加载的是 Vite 风格的 JS/CSS bundle。换句话说，它不是把网页伪装成 PPT，而是把一套演示文稿当成一个小型前端项目来做。
这篇文章分两部分。
第一部分看 Patrick 这组三个公开项目：它现在做什么、已经做了什么、能做什么。第二部分转到我们自己的目的：以后有一个 idea、调研结论、项目成果或想展示/炫耀的东西时，怎么用一套固定开发流程快速做出类似的互动 Web Slides，并且能持续更新和发布。