Visual Timeline Editor
Interactive 1920×1080 @ 60fps canvas timeline editor with camera motion controls, chapter cards where each section begins, and client-side background video rendering.
Open Visual Timeline Editor in the Studio#Overview and 60fps Engine
The Visual Timeline Editor (/studio/timeline) provides a real-time, browser-native 1920×1080 canvas workspace running at 60 frames per second. It automatically aligns every scene visual with the master voiceover audio track, applies Ken Burns camera movements and places a chapter card where each section of the script begins. (There are no captions; every editor and YouTube can caption from the narration.)
Choose the project in the Production card at the top: its approved script is selected and loaded automatically.
- 1920×1080 @ 60 fps standard — fluid playback with smooth pan, zoom, and crossfade transitions sampled at 16.6ms intervals.
- Auto-aligned narration — cuts and durations follow the voice: its word timing when the provider gives it, otherwise the pauses measured in the voice the first time it is opened here.
- Any screen size — on a laptop or desktop the scene list, monitor and inspector sit side by side; on a tablet the inspector moves below; on a phone everything is one column (monitor first) and the buttons form a grid.
- Timeline rows — a time ruler (a small yellow tick marks where each chapter begins; hover it for the title), the Voice schedule and the Visuals (with chapter cards).
- Instant visual display — in-memory image caching and progressive asset streaming eliminate loading delays during playback.
#Scene Inspector & Camera Motion
Selecting any scene in the left rail or clicking a clip on the timeline opens the Scene Inspector on the right side.
- Camera Motion — choose from Push In (gentle zoom in), Pull Out (wide reveal), Pan Left, Pan Right, Tilt Up, Tilt Down, or Static.
- Transition — choose between a hard Cut or smooth Crossfade into the scene.
- Animation Curve — select Ease Out for cinematic decelerating motion or Linear for constant speed.
- Apply to All Scenes — one-click batch application of selected motion and easing curves across the entire production.
- Scene Narration — read and verify the exact spoken text for the selected scene.
#Playback controls and shortcuts
Control playback easily using keyboard shortcuts or on-screen monitor controls:
| Shortcut / Action | What it does |
|---|---|
| Spacebar | Toggle Play / Pause. |
| Left Arrow (←) | Step back 1 second (60 frames). |
| Right Arrow (→) | Step forward 1 second (60 frames). |
| Click Timeline Track | Seek playhead directly to any timestamp. |
| Click Scene Card | Select scene and jump playhead to scene start. |
| Hover Video Monitor | Reveals play/pause overlay during active playback. |
#Chapter cards
A chapter card marks the beginning of a new section of the script (never the opening hook). The editor finds the section's first words in the voice — or its title, if the voice reads it aloud — and puts a 3-second title card in the pause just before them, even when that is in the middle of a scene; the scene's picture continues after the card. Turn Chapter cards off to remove them and their time.
The card shows the chapter title in capitals, widely letter-spaced (Inter SemiBold), centred. A long title is split into two lines of about equal width; only a very long one gets smaller or a third line. Card: Black / White next to Chapter cards switches between a black card with white text and a white card with black text; the choice is remembered and used for the preview, the MP4 and the editor export.
Placement follows the voice's timing: per-word timing from the provider, or the pauses the editor measures in the voice the first time it is opened here (Measuring the voice…, once per voice). When a card cannot be placed — no section titles in the script, or a section's words not found in the voice — the editor says why above the timeline. Captions were removed in 1.5.68.
#Exporting your video & NLE projects
- Render Final Cut (.mp4) — encodes a 1920×1080 @ 60fps MP4 directly inside your browser, faster than real time: frames go straight to the browser's H.264 encoder (the graphics chip when it has one), chapter cards and still pictures are held instead of re-encoded, and the voice is mixed exactly as the preview plays it. Click Run in background to keep working while it renders (it keeps going in a background tab); Cancel stops it. Browsers without this encoder fall back to recording in real time.
- It starts right away. The full-resolution pictures load in the order the video uses them while it renders, and the voice loads at the same time, so encoding begins as soon as the first scene's picture is ready. Until then the window shows what it is doing (Loading pictures 3 / 40, Preparing the voice…).
- Render speed depends on your computer. The video is made on your own PC or laptop, not on Flow's servers, so a computer with a stronger graphics card (GPU) renders much faster. On a typical office laptop with built-in graphics a 10-minute video takes roughly 6–8 minutes; a PC with a dedicated graphics card (for example NVIDIA) or a recent Mac is usually several times faster. Keep the tab open (it may be in the background) until the render finishes.
- NLE Project (ZIP) — packages a complete offline project bundle for Premiere Pro, DaVinci Resolve, Final Cut Pro, and CapCut Desktop, with numbered media (captions are not included; every editor can auto-caption from the narration).