关于 remotion-overlay
用于在现有视频上添加定时动画图形的 Remotion 工作流,适合需要叠加卡片、字幕条、标注或信息弹窗的视频创作者。
主要功能
- 01叠加 React 图形
- 02按时间戳安排图层
- 03动画卡片、字幕条与标注
适用场景
- 01为现有视频添加字幕条
- 02在指定时间点显示信息卡片
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ phamthanhnghia/ remotion-agent-skills --skill remotion-overlay安装后在 Claude Code 中输入/remotion-overlay确认已加载。
详细介绍
Remotion 叠加工作流
在现有背景视频上叠加动画图卡、字幕条、标注徽章和信息弹窗。
契约与前提条件
- **输入:**现有视频文件 + 叠加图形列表及时间戳安排。
- **输出:**Remotion 合成,使用
<OffthreadVideo>渲染背景视频,并叠加分层的 React 图形。 - 触发条件:“添加图形叠加层”“使用图卡标注视频”“在视频上添加字幕条”。
合成结构
<AbsoluteFill>包含通过<OffthreadVideo src={staticFile('input.mp4')} />渲染的视频。- 分层的
<Sequence>组件,用于在精确的时间戳渲染图形卡片。
评论
支持 Markdown