Remotion 是一个通过 html、js 等编程方式创建、渲染视频的工具。最近被制作成技能后,更是爆火了一把。它的创始人 Jonny Burger,现身说法,介绍了他们如何把这款工具制作成技能,并分享了 3 个超实用的使用技巧。
先说一点背景。Remotion 并不是一个新工具,2021 年就已经有了,基本功能就是用代码来做视频。Jonny 认为视频本质上就是时间轴上组件状态的变化,而 React 很擅长这件事。现在他们又把 Remotion 的专业能力做成了技能,交给 Claude 这样的编程智能体去调用,让代码制作视频这项技术变得更加简单实用。
第一个技巧是用代码生成 “干净的截图视频”。Jonny想在 LinkedIn 上展示一条在 X 上爆火的推文,同时还能播放推文里的视频。他先把推文截图作为背景,再把视频叠加上去。大部分操作都是通过给智能体的提示词完成的,位置不准也不用反复改代码,而是借助 Remotion 的可视化控件,用滑块微调,再把结果保存回代码。这种方式很适合既想快,又希望能够手动精细化控制的人。
第二个技巧是把扁平的 SVG logo 变成 3D 动画。主要展示了 Remotion 和 React Three Fiber 这类成熟技术栈的无缝配合。旋转角度、特效范围、是否导出透明视频,这些都需要人来判断。过程中还暴露了一些问题,比如随机特效和时间轴不同步,会导致渲染闪烁。但正是通过技能,Claude 能识别这些 Remotion 场景下的常见坑,并给出可行的修复方案。这也说明技能是在真正理解上下文技术上编写代码的。
第三个技巧偏向生产力,用 Remotion 做剪辑和字幕。把手机拍的素材丢进去,让代码按顺序拼接。它能自动检测并删除静音部分,添加间隔,字幕转录、对齐时间轴,导出 SRT 文件。整个过程并不是一步到位,但智能体能够自动修复过程中的 bug。
总的来说,Remotion 本质并不是简单的 “一键生成视频”,而是将视频制作的过程工程化。特别适合智能体控制操作。还有,当它和 Figma、After Effects 这些工具一起使用时,非常接近真实的工作流,这可能也是它最近突然爆火的原因。
#AI技术[超话]##AI视频制作##AI创造营# http://t.cn/AXqIgGvg
发布于 上海
