Track types
OpenCut supports four types of tracks:Video tracks
Contains video and image elements. Supports mute and hide controls.Elements include:
- Video files (with or without audio)
- Image files
Audio tracks
Contains audio elements only. Supports mute control.Elements include:
- Audio files from uploads
- Audio from library
Text tracks
Contains text elements with customizable styling. Supports hide control.Text elements can be fully customized with fonts, colors, backgrounds, and more.
Sticker tracks
Contains sticker and graphic elements. Supports hide control.Import stickers from the built-in library or upload your own graphics.
apps/web/src/types/timeline.ts:20-53
Creating tracks
Automatic track creation
The easiest way to create tracks is by adding content:
A visual indicator shows where the new track will be created.
Source:
apps/web/src/hooks/timeline/use-timeline-drag-drop.ts
Manual track creation
You can also create empty tracks:- Right-click in the track area
- Choose “Add Track” from the context menu
- Select the track type
apps/web/src/core/managers/timeline-manager.ts:37-41
Track management
Track controls
Each track has controls displayed in the track label area:Mute control (Video & Audio tracks)
Mute control (Video & Audio tracks)
Click the volume icon to mute/unmute all audio in the track:
- 🔊 Volume icon - Track is audible
- 🔇 Muted icon (red) - Track is muted
Hide control (Video, Text & Sticker tracks)
Hide control (Video, Text & Sticker tracks)
Click the eye icon to show/hide all visual elements in the track:
- 👁 Eye icon - Track is visible
- 👁🗨 Hidden icon (red) - Track is hidden
Track type icon
Track type icon
Shows the type of content in the track:
- 🎬 Video track
- 🔊 Audio track
- 📝 Text track
- ⭐ Sticker track
apps/web/src/components/editor/panels/timeline/index.tsx:278-305
Reordering tracks
Change the visual stacking order by dragging elements between tracks:- Click and hold an element
- Drag vertically to another track
- Drop to move the element
Video, text, and sticker tracks stack in visual layers. Higher tracks appear on top of lower tracks in the preview.
Deleting tracks
Remove a track and all its contents:- Right-click on the track
- Select “Delete track” from the context menu
- The track and all its elements are removed
apps/web/src/core/managers/timeline-manager.ts:44-46
Track context menu
Right-click on any track to access these options:| Action | Description |
|---|---|
| Paste elements | Paste copied elements to this track at the playhead position |
| Mute track | Toggle mute state for audio tracks |
| Hide track | Toggle visibility for video/text/sticker tracks |
| Delete track | Remove the track and all its elements |
apps/web/src/components/editor/panels/timeline/index.tsx:459-511
Working with elements
Element properties by track type
- Video elements
- Audio elements
- Text elements
- Sticker elements
Video and image elements support:
- Duration - Length of the element in the timeline
- Start time - Position in the timeline
- Trim start/end - In and out points for the source media
- Transform - Position, scale, rotation
- Opacity - Transparency level (0-100%)
- Blend mode - Compositing mode
- Muted - Disable audio (video only)
- Hidden - Exclude from render
apps/web/src/types/timeline.ts:85-102Element visibility and audio
Control individual elements within tracks:- Mute element - Select element(s) and use the keyboard shortcut or properties panel
- Hide element - Select element(s) and use the keyboard shortcut or properties panel
apps/web/src/core/managers/timeline-manager.ts:283-300
Track rendering order
Visual layering
For video, text, and sticker tracks, the stacking order determines what appears on top:- Top tracks render on top of lower tracks
- Elements with higher opacity are more visible
- Blend modes affect how layers composite together
apps/web/src/services/renderer/scene-builder.ts
Audio mixing
All audio tracks and video elements with audio are mixed together:- Audio plays simultaneously from all unmuted tracks
- Individual element volume controls affect the mix
- Track-level mute disables all audio in that track
apps/web/src/lib/media/audio.ts
Main track
Every scene has one main video track. This track:- Determines the project’s base dimensions
- Appears with a red indicator in development mode
- Cannot be deleted (must have at least one video track)
apps/web/src/lib/timeline/index.ts
Best practices
Organize by content type
Keep similar content on dedicated tracks (e.g., all background music on one audio track, all titles on one text track).
Use track mute/hide
Quickly toggle entire tracks on/off when working on specific parts of your edit.
Layer strategically
Place foreground elements on higher tracks and backgrounds on lower tracks for easier management.
Test audio mix
Use track and element mute controls to isolate and balance different audio sources.