The scene editor is where you review and refine a generated video before rendering. Every element of the video is editable: narration scripts, footage clips, text templates, keywords, subtitle timing, and scene transitions.
Editor layout
The scene editor uses a layered layout designed to keep the preview and editing controls visible at the same time.
| Area | What it shows |
|---|---|
| Remotion Player (top) | Full video preview with playback, volume, mute, and speed controls (0.5x to 2x) |
| Scene Navigator (below player) | A horizontal strip of scene chips. Click to select a scene, drag to reorder |
| NLE Timeline (bottom) | A four-track timeline: Video, Audio, Subtitle, and Scene |
| Right Panel | Scene properties or the transition picker, depending on what is selected |
Press Space to play and pause from anywhere in the editor, except when a text input is focused.
Scene navigator
The scene navigator shows each scene as a numbered chip with its template type (for example, "1 Keyword" or "3 Title"). Drag a chip to reorder scenes. The reorder applies immediately; TutorFlow updates the preview and patches the server in the background.
- Click a chip to select that scene and open its properties in the right panel.
- Click + at the end of the strip to add a new scene after the currently selected one.
- Hover over a chip and click the trash icon to delete that scene. Deletion is not available when only one scene remains.
Editing a scene
Select a scene from the navigator or click its clip in the timeline to open the scene editor panel.
Narration script
Edit the script text directly. The script drives TTS narration. After editing, click Regenerate TTS (1 credit) to update the audio track for that scene.
Display text
Some templates (Title, Quote) use a short display text that appears on screen instead of the full script. This field is separate from the narration and can be set independently.
Text overlay template
Choose how text appears on screen:
| Template | Description |
|---|---|
keyword | Subtitle chunks at the bottom with keyword badges highlighted at the top |
title | Centered title card with spring animation, uses Display Text |
quote | Left accent bar with italic text, uses Display Text |
none | No text overlay, footage and audio only |
Keywords
Add or remove keywords shown in the keyword template. Keywords appear as highlighted badges above the subtitle strip.
Subtitles
The Subtitles section shows the current subtitle chunks for the scene. You can:
- Adjust the start time and duration of each chunk
- Add a new chunk
- Split an existing chunk into two
- Re-initialize subtitles from the current script
Subtitle timing is also adjustable directly in the NLE timeline (Subtitle track).
Stock footage
The footage panel shows the current Pexels clip assigned to the scene.
- Search for alternatives. Enter a keyword and TutorFlow returns a thumbnail grid of matching clips. Selecting one uploads it and assigns it to the scene (1 credit).
- Regenerate automatically. Click Regenerate Clip to let TutorFlow search and assign a new clip automatically (1 credit).
- Upload your own. Upload a video file from your device. No credit charge.
NLE timeline
The timeline shows four tracks for each scene, drawn to scale based on scene duration.
| Track | Color | What you can adjust |
|---|---|---|
| Video | Blue | Video clip offset and duration within the scene |
| Audio | Green | TTS audio offset and duration |
| Subtitle | Amber | Subtitle block start time and duration |
| Scene | Purple | Total scene length |
Drag a clip within its track to shift its offset. Drag the edges to change duration. Adjustments apply to the preview immediately.
Transitions
Click the gap between any two scenes in the timeline to open the transition picker.
Available transitions:
| Transition | Effect |
|---|---|
| None | Hard cut between scenes |
| Fade | Crossfade to black and back |
| Slide | Scene slides in from the side |
| Wipe | Wipe across the frame |
| Flip | Perspective flip |
| Clock Wipe | Radial wipe from center |
| Iris | Circle iris open or close |
Set the transition duration with the slider. Enabling a transition automatically extends both adjacent scenes by 0.5 seconds to provide overlap for the effect.
Syncing durations
When TTS is generated, TutorFlow estimates each scene's duration from the script length. After all TTS tracks are ready, TutorFlow automatically syncs each scene's duration to the actual audio file length. This sync happens once on first load and keeps the timeline accurate.
If you regenerate TTS for a scene, the duration updates automatically after the new audio is saved.
Rendering from the editor
When the video is ready, click Start Render at the bottom of the editor. The render button shows real-time progress as a percentage.
Rendering combines all footage, audio, text overlays, and transitions into a single MP4. Render time is typically 1-3 minutes for short videos. The rendered file is available for download once complete.
If you need to make changes after rendering, edit the scenes and click Start Render again. The previous render is replaced.