A modern, intuitive web application for creating and editing video captions with real-time preview and export capabilities.
- 📹 Multiple Video Sources: Load videos via URL or file upload
- ⏱️ Real-time Preview: See captions overlaid on video as you edit
- ✏️ Easy Editing: Add, edit, and delete captions with precise timing
- 📤 Export Options: Download SRT files or export video with embedded captions
- 🌙 Dark Mode: Toggle between light and dark themes
- 📱 Responsive Design: Works seamlessly on desktop and mobile
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build- Load Video: Paste a video URL or upload a file
- Add Captions: Click "Add Caption" and set start/end times
- Edit Captions: Use edit/delete buttons to modify captions
- Export: Download SRT file or export video with embedded captions
- Video Sources: Direct video file URLs (.mp4, .webm, .ogg, .mov)
- Export Formats: SRT subtitle files, WebM video with embedded captions
- Frontend: React 19 + TypeScript
- Styling: Tailwind CSS
- Icons: Lucide React
- Build Tool: Vite
- Video Processing: HTML5 Canvas + MediaRecorder API
Clean, intuitive interface with video player and caption editor
- Support for public video URLs from any source
- Local file upload with drag & drop
- Real-time video preview with custom controls
- Add captions with precise start/end timing
- Edit caption text and timing in real-time
- Delete unwanted captions
- Visual timeline with progress tracking
- SRT Download: Standard subtitle format for video players
- Video Export: Render captions directly into video file
- Progress tracking during export process
- No Registration Required: Start using immediately
- Browser-Based: No software installation needed
- Professional Quality: High-quality caption rendering
- Cross-Platform: Works on any modern browser
- Free & Open Source: No usage limits or fees
Made by Vaishnavi Rastogi with ❤️ for content creators and video editors