video.synchronized-triptych
三联画同步叙事
Synchronized Triptych
Live preview
真实渲染预览
Purpose
这个动效用来做什么
将三路本地视频的同一事件对齐到一个输出时刻,并连续切换主次布局。
Synchronized Triptych with deterministic replaceable local media inputs.
- 范围
- 镜头
- 复杂度
- 高级
- 建议时长
- 9s
- 画幅
- 16:9 · 9:16
Inputs
可替换参数
settings必填 · object完整结构化本地媒体输入;使用 remotion/default.json。路径相对于 public/。
展开完整输入示例(JSON)
{
"clips": [
{
"src": "p3/source-r5/overhead.mp4",
"poster": "p3/contact-r2/overhead.png",
"eventTime": 2.8,
"focal": {
"x": 0.5,
"y": 0.5
}
},
{
"src": "p3/source-r5/side.mp4",
"poster": "p3/contact-r2/side.png",
"eventTime": 2.5,
"focal": {
"x": 0.5,
"y": 0.5
}
},
{
"src": "p3/source-r5/hero.mp4",
"poster": "p3/contact-r2/hero.png",
"eventTime": 3,
"focal": {
"x": 0.5,
"y": 0.5
}
}
],
"syncTime": 2,
"switches": [
{
"time": 0,
"primary": 0
},
{
"time": 3,
"primary": 1
},
{
"time": 4.6,
"primary": 2
},
{
"time": 6.5,
"primary": 0
}
],
"audio": "p3/source-r5/pulse.wav",
"audioOffset": 0,
"duration": 9,
"caption": "同一瞬间,三个观察距离。"
}Motion timeline
归一化动作时间线
所有事件都使用 0 到 1 的归一化进度:0 是镜头开始,1 是镜头结束;事件可以重叠,适配器再把相同比例映射到秒或帧。
effect.enteropacity.fade
0.03–0.40effect.holdstate.hold
0.55–1.00Copy to Agent
复制执行上下文
预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。
正在加载当前 Recipe 的上下文…
Engine implementations
引擎实现
frame-based
已验证Remotion
- Composition
SynchronizedTriptychRecipe- 入口文件
SynchronizedTriptychRecipe.tsx- 确定性
- 是
- typecheck通过
- build通过
- render通过
Source, reference & rights
来源与使用边界
- 再分发状态
- original
- 来源说明
- Original procedural P3 media and implementation authored for ghost / Motion Registry; dependency licenses remain separate.
- Recipe 文件
recipes/video/synchronized-triptych/recipe.yaml
参考
无外部参考;该 Recipe 与测试素材为项目原创。
Verification
验收标准
real-inputDefault and two materially different local-media input sets render in both verified orientations.
distinct-motion将三路本地视频的同一事件对齐到一个输出时刻,并连续切换主次布局。
bounded-layoutLandscape and portrait outputs preserve the reviewed action, safe areas and stable reading hold.
1 个实现已通过真实渲染理解验证模型