DPS 视频 Agent 操作手册
制作视频使用 Remotion
及 Agentic Coding
及 Agentic Coding
Remotion 新手标准指南：实现短视频生产自动化标准 DPS.MEDIA — 从配置到最终渲染，只需几条 npm 命令和一个 Agent 提示词。.
9:16 · Reels / TikTok / Shorts
带声调的越南语
2026-03-25
概览
什么是 Remotion + Agentic Coding？
Remotion 允许通过 React 代码创建视频——动画、文本、素材完全程序化。结合 Agentic Coding，AI Agent 可以阅读简报 → 编写剧本 → 生成 Remotion 代码 → 渲染 MP4，无需人工干预每一步。.
基于 React 的视频
编写 React 组件，Remotion 将其渲染为 MP4。动画使用 useCurrentFrame() 和 useVideoConfig()。.
Agentic 工作流
Agent 读取源链接、编写剧本、生成代码、运行 npm run render —— 根据本手册全自动化执行。.
9:16 优先
所有合成（Composition）默认使用 1080×1920。适用于 Reels、TikTok、YouTube Shorts。.
快速渲染
使用 @remotion/media + concurrency=4。在标准本地机器上，300 帧的基准测试约为 49–51 秒。.
SOP 实施流程
制作完整视频的 7 个步骤
Agent 自动运行全部 7 个步骤。您只需提供内容源链接并在第 5 步确认预览。无需重复询问手册中已确定的内容。.
1
读取源链接并提取要点
Agent 获取您提供的 URL，解析内容并提取故事情节：钩子（hook）、核心洞察、解决方案、CTA。必须严格遵循链接内容 —— 不得在原始范围之外自行创作。.
web_fetch(url)
2
编写 30 秒结构剧本
钩子 (0–3s) → 洞察 + 价值 (3–18s) → 解决方案 (18–26s) → Logo + CTA (26–30s)。使用带声调的越南语，短句，避免堆砌文字，节奏快。.
3
选择并设计每场视觉效果
来自 Pexels/Pixabay/Coverr 的商务素材（检查商业用途）。排版清晰，叠加层足够深。DPS Logo 是必须的。其余视觉效果由 Agent 主动选择适合的基调。.
@remotion/media · Video 组件
4
选择合适的音乐氛围并调节音量
免费来源：Mixkit、Pixabay。分析视频/文章：音乐小声但有活力。转场处使用轻微的 whoosh/pop 音效。背景音乐音量始终低于主要文字/语音。.
5
快速渲染前 10 秒预览
运行预览以在完整渲染前审核创意。如有修改意见，Agent 会在进入第 6 步之前在此步骤立即调整。.
npm run render:article:preview
6
渲染最终全质量视频
预览通过后，运行最终渲染。默认并发数 (concurrency) = 4。交付前检查输出文件是否存在。.
npm run render:article:final
7
如有新建议则更新操作手册
所有确定的反馈都会记录在手册文件的“已确定修改历史”部分。这是 Agent 下次工作的唯一事实来源。.
内容结构
DPS 标准 30 秒视频模板
每个视频必须遵循此顺序。钩子必须在头 3 秒内出现 —— 否则观众会在看到价值之前就划走。.
0 – 3s
🎣 强力钩子
引起好奇的问题、震惊的数据或直接的痛点。唯一目标：让观众在头 3 秒内不划走。.
3 – 18s
💡 洞察 + 核心价值
展示核心洞察和简短证据。排版突出，转场节奏果断。每帧最多 2-3 行文本。.
18 – 26s
🗺️ 解决方案 / 路线图
回答“那么该怎么做？”。简单、可执行，最多 1-3 点。此处不要长篇大论。.
26 – 30s
🎯 DPS Logo + 明确 CTA
必须包含 DPS Logo。具体的 CTA：网站、热线或关注。果断结束 —— 不要让视频淡出到虚无。.
渲染命令
已确定的 npm 命令
默认合成： DPSArticle2026Fast. 。更换机器或大幅更改配置时请重新运行基准测试。.
快速预览 — 前 10 秒 (用于审核创意)
npm run render:article:preview # ~15s · 仅渲染前 10s
30s 全程预览 — 低缩放
npm run render:article:preview:full # 审核整体视频流节奏
最终渲染 — 1080×1920 全质量
npm run render:article:final # 1080×1920 · concurrency=4
基准测试 — 换机时重新测量
npm run benchmark:article # 测量速度，选择最优并发数
带明确标志的通过 CLI 手动操作
npx remotion render DPSArticle2026Fast out/video.mp4 \\n –concurrency=4
渲染性能
实际基准测试 — 300 帧示例
在本地机器上对合成进行测量 DPSArticle2026Fast. 。确定使用 concurrency=4 以获得最快且最稳定的结果。.
| 并发数 (Concurrency) | 平均时间 | 备注 | 相对性能 |
|---|---|---|---|
| 4 ✓ 默认 | ~49.8s | 最快，稳定 | |
| 5 | ~56.4s | 好 | |
| 6 | ~60.3s | 中等 | |
| 7 – 8 | ~72s | 最慢 |
设计规范
动画与设计标准
适用于所有视频。Agent 必须遵守以确保所有内容中 DPS 品牌的统一性。.
转场快速、果断 — 合理使用滑动 (slide) 或剪切 (cut)。除非为了刻意营造情感，否则不要使用淡出 (fade)。.
移动端优先排版 — 字体足够大，在手机上观看时无需缩放即可阅读。.
遮罩足够深 — 无论背景视频明暗，文字必须清晰突出。.
不堆砌文字 — 每帧最多 2–3 行文字。如果内容更多，请添加新场景。.
必须包含 DPS Logo — 在结尾的 CTA 场景中清晰出现。可在整个视频中添加轻微水印。.
允许轻微音效 — 转场时使用 whoosh/pop 音效以增强节奏感。不可滥用，不可掩盖内容。.
素材来源
免费素材 — 已确认商业用途
使用前务必确认许可证允许商业用途。避免在未获得授权的情况下使用带有明显品牌 Logo 的素材。.
视频素材
Pexels
pexels.com · 免费商业用途 · 无需署名
视频素材
Pixabay
pixabay.com · Pixabay 许可证 · 免费商业用途
视频素材
Coverr
coverr.co · 高质量免费商业视频循环素材
音乐
Mixkit
mixkit.co · 免费许可证 · 无需署名
音乐
Pixabay Music
pixabay.com/music · Pixabay 许可证 · 免费商业用途
交付清单
视频交付前必须检查的 6 个要点
完成后点击勾选各项。在向客户发送视频前，Agent 必须确认已完成所有 6 个要点。.
视频比例正确 9:16 — 1080×1920px，任何边缘不得有裁剪或黑边。.
越南语文字带声调 — 无拼写错误，不缺少声调或辅助符号。.
内容紧扣源链接 — 不得超出用户提供的原始文章范围进行创作。.
包含 DPS Logo — 在视频中清晰出现，至少在最后的 CTA 场景中。.
背景音乐风格契合 — 音量低于主要文字/配音，不掩盖内容。.
输出文件存在 — 渲染成功，MP4 文件可访问且无损坏。.
