用途:该技能教 AI 智能体使用 Remotion(配合 React)以代码方式制作视频,从首个动画到生产级渲染流水线,共 29 条规则,覆盖 Remotion 主要功能。
主要能力:可基于 JSON props 批量生成个性化视频(如年度总结、入门引导);用实时数据渲染社媒短视频、动态广告与营销视频;把仪表盘和 KPI 报表转为带动画图表的数据可视化视频;制作 TikTok/Reels 风格逐词高亮字幕;从数据库自动生成产品展示、教学讲解、证书视频;并将渲染暴露为 HTTP 接口,实现“视频生成即服务”。
涵盖主题:组合定义(视频、静帧、文件夹、默认 props、动态元数据)、渲染(CLI、Node.js API、AWS Lambda、Cloud Run、Express 服务模式)、渲染时动态计算时长与尺寸;动画与时间控制(淡入、缩放、旋转、滑动,插值曲线、缓动、弹簧物理,场景延迟/串联/编排、转场、裁剪);文本排版(打字机、逐词高亮、揭示效果,Google 与本地字体,文本测量适配);媒体处理(视频嵌入、裁剪、变速、音量、循环、变调,音频导入淡入淡出,Img 组件,GIF 时间轴同步,素材导入与解码检查);字幕(Whisper、Deepgram、AssemblyAI 转写,显示字幕,导入 SRT);数据可视化(动画柱状图、折线图);进阶(Three.js 与 React Three Fiber 3D、Lottie、TailwindCSS、DOM 测量);媒体工具(获取视频时长、尺寸、音频时长、按时间戳抽帧)。
要求:Node.js 18+、React 18+;用 npx create-video@latest 初始化;FFmpeg 随 @remotion/renderer 附带,无需单独安装;无服务器渲染需 AWS(Lambda)或 GCP(Cloud Run)账号。
用法:npx create-video@latest my-video 创建项目,cd my-video && npm start 浏览器预览,npx remotion render src/index.ts MyComposition out/video.mp4 渲染 MP4,npx remotion render src/index.ts MyComposition out.mp4 --props '{"title": "Hello"}' 传入动态数据。
限制:具体收费、价格与平台支持细节暂未提供;实际效果取决于环境配置与数据。
分类:编程与开发。