TouchlineGuide Open Studio ↗

How it works

From a match recording to a clip you can post

Touchline Studio is a video-analysis desk that runs entirely in your browser. Load a game, mark the moments that matter, draw over the frame, and export a broadcast-style clip — no upload, no account, no install.

Best on a desktop browser. Chrome or Edge give you MP4 export; other browsers fall back to WebM.

1

Load your match video

Press Load match video and pick an MP4, MOV, M4V or WebM — a full broadcast, a tactical-cam recording, a downloaded highlight, anything that plays. The file never leaves your machine; the browser reads it straight off disk.

Demo
Pick the file and it opens straight away — here a full 1h 52m match recording.

Serve it from a real address rather than opening the file directly and the app will remember your video between sessions — no re-picking a multi-gigabyte file every time.

2

Add the match data

Optional

Telestration and clip export work without it. But if you drop in a saved WhoScored match page — Ctrl+S on the page, then choose that .html file — Touchline reads every touch: passes, shots, tackles, corners, who and when. XML, JSON and CSV event files work too. Nothing is fetched from the web; it only parses the file you hand it.

Demo
Drop in the saved match page and the panel becomes a filter over all 1,538 events.
3

Set the two kickoffs

With data

A recording has pre-match build-up and a half-time break, so the match clock and the video clock don't line up on their own. Under Sync match clock, pause on the first-half kickoff and press 1H, then do the same for the second half. Every imported event now maps to the right point in your footage — a five-second pre-roll really is five seconds before the pass.

Demo
Pause on each kickoff and set it. Every imported event now lands on the right frame.

You can also type markers by hand: 23, Shot — Saka jumps to a point, 24:10‑24:38, build-up makes a ready-to-export clip.

4

Build a playlist

With data

Pick a team, a player and an event type — all passes, shots, corners, defensive actions, build-up sequences, or save your own filter. That gives you an ordered list of moments. Choose one and press Analyse selected: the editor jumps to the pre-roll, drops into Annotate, and stops at the tail. Next walks you through the rest.

Mark the ones worth keeping with K, skip with X. Kept clips collect in the Clips tab, ready to export one by one or as a single pack.

Demo
Pick a player and an event type, then step through what comes back.

Or take the whole filter in one go. Export N as one video renders every event in the current filter into a single film — an auto-generated title card, then each clip back to back with a dissolve between them. Pick the title colour and how long each clip runs. That’s a player’s whole game in ninety seconds, ready to post.

5

Draw on the frame

Press Annotate (or just reach for a tool). Pause where you want to make a point and add an arrow, a player ring, a passing lane, a spotlight or a line of text. Marks sit on the frame you drew them on — they show while it's held and clear the moment the match moves again, so the footage stays clean.

Demo
A ring on the ball carrier, an arrow for the space ahead, then a caption.

Every mark can be moved, recoloured, duplicated or deleted. Drawing on a paused frame automatically freezes it for a few seconds in the export, so you have time to talk over it.

6

Export the clip

Set an in and out point (Start clip / End clip), or take the whole thing. Preview plays the exact export — same freezes, same timing — with nothing recording. When it's right, Export clip: pick a quality and a format and it renders locally to a file on your machine.

Demo
Pick a title colour, press export, and the whole filter renders as one film.

Posting to X or another site? Export from Chrome or Edge — they produce MP4. Firefox and Safari currently fall back to WebM, which some platforms reject. The dialog tells you which you'll get before you render.

7

Present mode

For a talk-over piece, press Present. The video fills the screen, all the editing furniture disappears, and a small floating bar gives you play, clip navigation, the drawing tools and a colour cycle. Walk the clips, draw while you talk, and screen-record the result — that's a finished video breakdown.

Demo
Present mode. One bar, and it fades out of the way while you speak.
8

Put the controls on a second screen

Press Pop out at the top of the right panel and drag that window onto a laptop display. The main screen becomes an unobstructed match video; the filters and annotation controls stay on the laptop. It's the same panel, not a copy, so everything stays in sync.

·

Keyboard

The keyboard hint next to the transport lists these too — hover it in the app.

·

Two tools alongside it

The tactics board — a full pitch for the diagrams in your match report. Import the same WhoScored file and both starting XIs land where they lined up, numbers and names included; drag them to what you actually saw, draw the arrows and zones, export a PNG. Build it as a few scenes and it exports as an animation instead — MP4, or a GIF for email.

Live notes — for taking notes while the game is on, when there's no video yet. Press kick off, type what you spot, and every note is stamped with the match minute. At full time it hands you a block that pastes straight into Sync match clock.

·

What it doesn't do