用Remotion渲染视频,先固定参数

通过 inference.sh 渲染 React 代码为视频。

remotion-render 通过 inference.sh 的 `belt` CLI 把 React/Remotion 组件代码渲染为 MP4,适合程序化视频、动态图形、数据驱动画面和 motion design。使用前先安装 belt 并登录,再传入默认组件、尺寸、FPS、时长和 codec 等输入。

TSX 代码必须导出 default component,可以使用 `useCurrentFrame`、`useVideoConfig`、`spring`、`interpolate`、`AbsoluteFill`、`Sequence`、`Audio`、`Video` 和 `Img`。动画时间来自帧和视频配置,不要用普通网页时钟;需要数据时通过 props 传入。长任务可以用 Python SDK 的 streaming 观察进度。

它依赖 inference.sh 的远程执行和账户,不代表本地 Remotion renderer。渲染前检查代码、画布比例、FPS、时长和素材引用;如果需要生成素材或更完整的 Remotion 规范,应转到关联 Skill。

分类:设计创作

来源仓库:skills-101/superpowers

适合用来做什么

  • 渲染这段TSX代码为MP4视频。
  • 使用Remotion的useCurrentFrame API生成动画。

安装 remotion-render

npx skills add https://www.iskills.cc/skills/skills-101/superpowers/remotion-render/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 remotion-render 的用途与原始说明

浏览全部 Skill 指南