跳到主要内容

2 篇博文 含有标签「remotion」

查看所有标签

Remotion 进阶:一份代码,参数化批量出片

· 阅读需 5 分钟

上一篇文章走完了 Remotion 的最小闭环。但要真正发挥 Remotion 的威力,关键在参数化——用 zod schema 定义参数,一份代码换不同数据,批量渲染出不同版本。

这篇文章用柱状图动画演示:同一个 <DataBars> 组件,给它换三组参数,渲染出三份不同内容、不同配色的视频。

Remotion:用 React 写代码生成视频的最小闭环

· 阅读需 7 分钟

Remotion(github.com/remotion-dev/remotion,约 5.7 万 star)是一个用 React 写代码来制作视频的框架。它的核心心智模型是:React 代码就是视频的"源文件"——你写一个 React 组件,Remotion 会按时间轴把它一帧一帧渲染出来,最终编码成真正的 MP4 视频。

这篇文章不追求大片质感,只走一遍最小闭环:脚手架 → 理解代码 → 真实渲染 → 分享 MP4 → 嵌入博客