↑

Remotion 视频创作v1.4.1

remotion-video-toolkit3 KB

教你用 React + Remotion 把代码变成 MP4 视频，覆盖动画编排、字幕生成、3D 场景、数据可视化到云端批量渲染。当你需要程序化生成个性化视频、自动剪辑社交媒体内容或搭建视频 SaaS 服务时触发。

0 0 0 0 更新于 2026-10-28 19:06

免责声明：本站部分 Skill 来源于公开渠道，使用前请注意识别相关风险，内容版权归原作者所有，如 Skill 涉及版权问题，请在线反馈，核实后予以下架处理。

概述

本 Skill 面向需要用代码驱动视频生产的开发者和团队，系统教授 Remotion 框架的完整工作流。从 React 组件逐帧渲染的基础原理出发，覆盖动画曲线与场景编排、TikTok 式逐词高亮字幕、Three.js 3D 内容、动态数据图表等 29 项核心能力，最终打通本地 CLI 渲染到 AWS Lambda / Cloud Run 云端批量产线的部署路径。输出物为可直接运行的 Remotion 项目结构与渲染指令。

技能包含

  • SKILL.md：技能主说明，含 29 条规则的完整索引与快速启动命令

核心能力

  • React 组件即视频：将 JSX 组件逐帧渲染为 MP4，支持动态 props 注入
  • 动画与转场系统：淡入淡出、缩放旋转、弹簧物理、场景衔接与裁剪控制
  • 字幕与语音同步：集成 Whisper/Deepgram 转录，生成逐词高亮字幕，支持导入 SRT
  • 数据可视化视频：将 JSON 数据驱动为动态柱状图、折线图等图表动画
  • 3D 与高级媒体：Three.js / React Three Fiber 场景、Lottie 动画、音视频变速与音高调整
  • 云端批量渲染：AWS Lambda、Cloud Run、Express 服务端渲染的完整部署模式

应用场景

用户怎么说本技能做什么
"我要给每个用户生成专属年度回顾视频"指导搭建数据驱动的模板，通过 JSON props 批量渲染个性化 MP4
"想自动把每日数据做成短视频发社交媒体"设计拉取实时指标的动画图表，配置定时云端渲染任务
"需要给视频加抖音那种逐字跳出来的字幕"集成转录 API，实现音频到逐词高亮字幕的完整流水线
"想在网页里提供'输入文字、返回视频'的功能"封装 Remotion 为 HTTP 接口，部署至 Lambda/Cloud Run 作为视频生成服务