video.synchronized-triptych

三联画同步叙事

Synchronized Triptych

仅本次打开有效
01
Live preview

真实渲染预览

实机渲染 · Remotion
02
Purpose

这个动效用来做什么

将三路本地视频的同一事件对齐到一个输出时刻,并连续切换主次布局。

Synchronized Triptych with deterministic replaceable local media inputs.

范围
镜头
复杂度
高级
建议时长
9s
画幅
16:9 · 9:16
视频文字
对比演示
产品演示故事叙述教程
03
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": "同一瞬间,三个观察距离。"
}
04
Motion timeline

归一化动作时间线

所有事件都使用 0 到 1 的归一化进度:0 是镜头开始,1 是镜头结束;事件可以重叠,适配器再把相同比例映射到秒或帧。

effect.enteropacity.fade
0.03–0.40
effect.holdstate.hold
0.55–1.00
05
Copy to Agent

复制执行上下文

预览与引用使用同一个引擎选择。上下文保留共享机器标记与对应 Adapter 路由。

正在加载当前 Recipe 的上下文…
06
Engine implementations

引擎实现

frame-based

Remotion

已验证
Composition
SynchronizedTriptychRecipe
入口文件
SynchronizedTriptychRecipe.tsx
确定性
是
  • typecheck通过
  • build通过
  • render通过
07
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 与测试素材为项目原创。

08
Verification

验收标准

01
real-input

Default and two materially different local-media input sets render in both verified orientations.

02
distinct-motion

将三路本地视频的同一事件对齐到一个输出时刻,并连续切换主次布局。

03
bounded-layout

Landscape and portrait outputs preserve the reviewed action, safe areas and stable reading hold.

1 个实现已通过真实渲染理解验证模型