Skip to content

Home

Jump to bottom
RDTvlokip edited this page Jun 4, 2026 · 12 revisions

🎵 VTT Editor Pro v3.1 - Documentation

Welcome to the official documentation for VTT Editor Pro v3.1!

🚀 Try it online → vtt-editor-pro-v3.1.html

📖 What is VTT Editor Pro?

VTT Editor Pro is a professional WebVTT subtitle editor, entirely web-based, designed to create and edit subtitle files synchronized with audio — with no installation, no signup and no cloud dependency. Just one HTML file.

🎯 Purpose

Create, edit, and synchronize subtitles (cues) with precision on an audio waveform, all within a modern and intuitive web interface.

✨ What's New in v3.1

  • 📋 Copy / Paste cues (Ctrl+C / Ctrl+V) — paste at the playhead, keeping text, color and duration
  • ⏱️ Go to Time — jump to a precise timestamp (G to focus the field)
  • ⌨️ Customizable keyboard shortcuts — rebind any action, reset to defaults, persisted
  • 🗂️ Batch export — All Tracks (.zip) — one .vtt per track in a single ZIP (built-in, dependency-free writer)
  • 🔍 Ctrl + Scroll zoom on the waveform
  • ⏸️ Auto-pause on edit

👉 Full details: New Features in v3.x — and the CHANGELOG.

📚 Documentation Navigation

🆕 v3.x

📘 Core Guides (still current)

🚀 Quick Start

  1. Load audio: Click 📂 Import MP3 and select your file
  2. Create cues: Click ➕ Add Region or drag on the timeline
  3. Synchronize: Move and resize regions on the waveform (Ctrl+Scroll to zoom)
  4. Edit text: Double-click a cue to edit (playback auto-pauses)
  5. Export: Click 💾 Export and choose a format (VTT, SRT, ASS, SBV, DFXP, JSON — or all tracks as .zip)

🎨 Key Features

  • ✅ Modern interface with 5 color themes (Dark, Light, Blue, Purple, Orange)
  • ✅ Interactive waveform powered by Wavesurfer.js v7 (Ctrl+Scroll to zoom)
  • ✅ Multi-track subtitle support with one-click batch ZIP export
  • ✅ Colored regions for each cue
  • ✅ Copy / Paste cues and Go to Time
  • ✅ Customizable keyboard shortcuts
  • ✅ Advanced editing: Split, Merge, Shift all timings
  • ✅ Real-time search, Statistics & Validation
  • ✅ Editable markers and Minimap overview
  • ✅ Undo/Redo (20-step history)
  • ✅ Import/Export VTT, SRT, ASS, SBV, DFXP, JSON
  • ✅ Auto-save every 5 seconds (localStorage)
  • ✅ Offline-first — zero dependencies except the WaveSurfer.js CDN

🛠️ Technologies Used

  • Wavesurfer.js v7 - Waveform visualization and manipulation
  • Regions Plugin - Interactive region management
  • Vanilla JavaScript - No framework dependencies (single ~7200-line HTML file)
  • CSS3 - Modern and responsive design
  • HTML5 - Semantic structure

📝 VTT Format

WebVTT (Web Video Text Tracks) is a W3C standard for web subtitles.

Example VTT file:

WEBVTT

00:00:01.000 --> 00:00:03.500
First subtitle line

00:00:04.000 --> 00:00:07.000
Second subtitle line

🤝 Support

For questions, bugs, or suggestions:

📄 License

This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0) - see the LICENSE.md file for details.

Version: 3.1 Last Updated: 2026 Compatibility: Modern browsers (Chrome, Firefox, Edge, Safari)

🎵 VTT Editor Pro

🏠 Home

🆕 v3.x

📘 Guides

🚀 Try it online 📜 Changelog

Clone this wiki locally