Skip to content

Timeline Editor

Timeline Editor

The Timeline Editor is the visual interface for building and editing playlists. It shows your playlist as a horizontal sequence of blocks, each representing a media item with its duration and transitions.

From the Playlists page, click any playlist name, then click Edit Timeline. Or create a new playlist and the editor opens automatically.

The timeline displays items as colored blocks arranged left to right. The width of each block is proportional to its duration.

ElementDescription
Item blockA media item. Shows a thumbnail, name, and duration.
Duration handleDrag the right edge of a block to change its duration.
Transition indicatorA small icon between blocks showing the transition type (cut, fade, slide).
Total durationDisplayed at the top-right of the timeline. Updates as you edit.

Click the + button at the end of the timeline or between existing items to open the media picker. Search or browse your library, select items, and click Add. Items are inserted at the position you clicked.

You can also drag items from the Media Library directly onto the timeline.

Drag any item block left or right to reposition it. A vertical insertion line shows where the item will land. Drop to confirm.

Each item has a default duration based on its type:

  • Images — 10 seconds (configurable).
  • Videos — the video’s full length.
  • Documents — 15 seconds per page.

To change an item’s duration, drag the right edge of its block or double-click the block to enter a specific time.

Click the transition icon between two items to change the transition type. Options include Cut, Fade, and Slide. The transition duration is configurable (0.5–3 seconds).

You can set an expiry date on individual items in the timeline. When an item expires, it is automatically skipped during playback. The item block is dimmed in the editor to indicate its expired status.

Click Save to persist your changes. The playlist is immediately available for use in schedules and layouts. Unsaved changes are highlighted with a warning if you navigate away.