About the editor

The editor is where everything happens. You open it by clicking a VoD in your Vods list. From there you watch the stream, read the chat activity graph, filter chat, and build clips.

Screenshot

The layout has three main areas:

• A player that streams the VoD from our S3 storage.
• A chat activity graph that doubles as the timeline.
• A right-side sidebar with the chat log, clip list, settings, and a few other menus.

Sidebar menus

The sidebar groups related actions together. The most useful tabs:

• Chat log. A Twitch-style replay of chat for the open VoD. Supports third-party emotes, badges, and click-to-seek timestamps. Filter by message text, username, or both.
• Clips. The list of clips you have already created for this VoD. Each row shows render status for the clip MP4 and the optional chat overlay.
• Twitch clips. Existing clips from Twitch itself, which can also be visualized on the graph as markers.
• Chat overlay settings. Width, height, font size, font color, background, transparency, FPS, render speed multiplier.

When you drag-click on the graph to create a clip, the clip opens directly in this sidebar so you can tweak its start, end, name, and category in place.

Above the graph

A small toolbar sits above the graph with two buttons:

• The auto highlight finder, which scans the current graph for spikes.
• A visibility menu for switching which dataset the graph shows.

Tips for a smooth session

• Open the chat log next to the graph and scroll along while you watch. Most clippable moments stand out in both at the same time.
• Build a small set of go-to emote filter combos for the streamer you edit most. KEKW plus OMEGALUL for laughs, monkaS plus PauseChamp for tense moments, POG plus GIGACHAD for hype.
• Categorize clips as you go. Sorting fifty clips at the end of a session is far more painful than tagging them while they are fresh.