Skip to content

Home

Jump to bottom
RDTvlokip edited this page Nov 6, 2025 · 12 revisions

🎵 VTT Editor Pro v2.1 - Documentation

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

📖 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.

🎯 Purpose

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

✨ Version 2.1 - What's New

Version 2.1 introduces 3 major features:

1️⃣ Enhanced Resize Tooltips

  • Real-time timestamp display while resizing cues
  • Visual tooltip with precise VTT-formatted timestamp
  • Automatic positioning near cursor

2️⃣ Snap-to-Grid

  • Automatic alignment of cues to a time grid
  • Configurable intervals (100ms, 250ms, 500ms, 1s)
  • Perfect for precise and consistent timing

3️⃣ Batch Text Editing

  • Mass text editing across multiple cues
  • Find & Replace with regex support
  • Text transformations (UPPERCASE, lowercase, Capitalize, Sentence case)
  • Add prefixes/suffixes to cue ranges

📚 Documentation Navigation

📋 Features

Complete list of all features with detailed descriptions

⚙️ How It Works

Technical architecture and internal workings of the editor

📖 Usage Guide

Complete step-by-step user guide

⌨️ Keyboard Shortcuts

All keyboard shortcuts for maximum productivity

🔄 Batch Editing

Complete guide to mass text editing

📏 Snap-to-Grid

How to use automatic grid alignment

🚀 Quick Start

  1. Load audio: Click "📁 Import MP3" and select your file
  2. Create cues: Click "➕ Add Region" or press Enter
  3. Synchronize: Move and resize regions on the waveform
  4. Edit text: Double-click a cue to edit
  5. Export: Click "💾 Export VTT" to download your file

🎨 Key Features

  • ✅ Modern interface with professional dark design
  • ✅ Interactive waveform powered by Wavesurfer.js v7
  • ✅ Colored regions for each cue
  • ✅ Real-time editing with audio synchronization
  • ✅ Unlimited Undo/Redo
  • ✅ Import/Export VTT with color preservation
  • ✅ Lyrics display karaoke-style
  • ✅ Automatic overlap detection
  • ✅ Complete keyboard shortcuts
  • ✅ Informative tooltips on all elements

🛠️ Technologies Used

  • Wavesurfer.js v7 - Waveform visualization and manipulation
  • Regions Plugin - Interactive region management
  • Vanilla JavaScript - No framework dependencies
  • 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

VTT Editor Pro v2.1 - All rights reserved

Version: 2.1 Last Updated: 2025 Compatibility: Modern browsers (Chrome, Firefox, Edge, Safari)

🎵 VTT Editor Pro

🏠 Home

🆕 v3.x

📘 Guides

🚀 Try it online 📜 Changelog

Clone this wiki locally