Subtitle Template Editor

Problem

Creating video subtitles is often less about writing copy and more about aligning each line with visual cut points. Manually scrubbing frames and recording MM:SS,FF values is error-prone and can disconnect subtitle timing from downstream dubbing or caption pipelines. subtitle-editor reduces this to a front-end HTML tool: open it, drag in a video, press F at each shot boundary, and export a Markdown template with frame-level timing.

How It Works

It targets the “watch the video and mark timing points” workflow. The core loop is simple:

• F-key marking: writes the current video time as the end time of the current subtitle and chains the next segment.
• Frame stepping: single ← / → moves one frame; long-press moves faster forward or backward, reducing progress-bar dragging.
• Timeline view: a Canvas timeline shows colored segments and playback position for review.
• Local persistence: marks and working directory are saved to localStorage, so state survives browser close.
• Markdown export: outputs MM:SS,FF SMPTE-style timecodes suitable for later dubbing or caption injection.

A good workflow is to number subtitles as 001, 002, paste them into the tool, press F at each cut, and export the template. It is best used as a helper for tutorial videos, course recordings, or pre-marking subtitle segments, not as an ASR engine, automatic translator, or full video editor.