All work
Content & Video

Remotion Trading Documentary Studio

A code-driven video studio for trading explainers and product promos.

A Remotion 4 and React setup for rendering explainer and promo videos with cloned voiceover, code-defined scenes, and precise timing.

Remotion Trading Documentary Studio — illustration
What makes it serious
  • Code-defined scenes with explicit, reproducible timing
  • Cloned voiceover integrated into renders
  • Used for real product-promo assets
  • Deterministic, versionable video generation

A Remotion 4 and React studio for rendering trading explainer and promo videos from code. Because scenes are React components with explicit timing, the videos are reproducible and easy to revise — change a number or a caption and re-render, rather than editing a timeline by hand. It has been used to build marketing assets like a walkthrough of a TradingView-to-broker bridge pipeline, paired with cloned voiceover.

Defining video in code fits the same engineering mindset as the rest of the portfolio: versionable, deterministic, and automatable. It is the deterministic counterpart to the AI documentary engine — one generates, this one composes precisely. Treating video as versionable code means a promo can be corrected and re-rendered in minutes rather than reopened in an editor, which fits how the rest of this portfolio is built and makes updates cheap.

Update (2026): Used for an 11-minute prop-firm hedging explainer: the voice-over step emits per-sentence timings and every scene anchors to a sentence index, so re-recording narration never drifts the visuals. A 21,060-frame render finished in about 11 minutes at concurrency 10, and a 'reveal everything dim, light up what the narration mentions' pattern replaced one-at-a-time card reveals. The same studio renders Hindi-text ads, because the browser shapes Devanagari correctly where image libraries do not.

How it works

  1. Scenes written as React components
  2. Explicit timing defined in code
  3. Cloned voiceover added
  4. Remotion 4 renders the video
  5. Edit a caption or number and re-render
Stack
Remotion 4React 18TypeScript
#remotion#video#react#promo#trading#voiceover