Motion fieldnotesOpenAI film study
Layout & layers · Rendered draft

Pop a translucent caption card over the video on a segment click, then hard-swap it for the second card

Study the source, inspect the editable build, then adapt the treatment to your own content.

01 / OpenAI source 1:54.7–1:58.3 · Silent research excerpt
02 / Remotion draft Original illustrated content · Editable code

What the source does

A generated video (a red-crowned bird by a stream) fills the frame above a thin dark player bar with a progress track and two small storyboard-segment buttons. The pointer sits on the first segment button; at about local frame 8 it clicks, and by frame 9-10 (master 6893) a tall translucent dark card labelled '1' pops in over the left of the picture carrying the scene's caption in white; the progress marker jumps forward at the same time. The card holds while the video plays. At about frame 186 (master ~7070) the pointer has moved to the second button and the card is replaced in one frame by card '2' with a shorter caption; that holds to the end.

Caption overlay bound to a segment control: the card enters with a two-frame fade and slight scale-up on the first click, and subsequent segments hard-swap the card contents rather than re-animating it.

Phase notes

  1. Frame 0 — Video, no card, pointer on segment 1
  2. Frame 8 — Click segment 1
  3. Frame 9 — Card 1 pops in, marker jumps
  4. Frame 172 — Pointer moves to segment 2
  5. Frame 186 — Card hard-swaps to 2
  6. Frame 210 — Hold

Use this example

  1. Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
  2. Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
  3. Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
  4. Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
A runnable draft is not a fidelity approval.

The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.

Recorded limits

  • Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.

Inspect the original verification record ↗