Skip to content

imshivamb/lingo

Repository files navigation

Video Captioner

A web application for adding, editing, and managing video captions.

Live Demo

https://lingo-ecru.vercel.app/

URL for Testing

https://sample-videos.com/video321/mp4/720/big_buck_bunny_720p_5mb.mp4

Features

  • Add captions to videos with timestamps
  • Real-time preview of captions
  • Export captions in SRT format
  • Dark/light mode support
  • Keyboard shortcuts

Tech Stack

  • Next.js 14
  • TypeScript
  • Tailwind CSS
  • Lucide Icons

Getting Started

  1. Clone the repository

    git clone https://github.com/imshivamb/lingo
    cd video-captioner
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Open http://localhost:3000 in your browser.

Usage

Testing Video URL

Copy and use the following video URL for testing: https://sample-videos.com/video321/mp4/720/big_buck_bunny_720p_5mb.mp4

Basic Flow

  1. Paste a video URL and click "Load Video."
  2. The video player will appear with controls.
  3. Add captions at specific timestamps.
  4. Preview captions in real-time.
  5. Edit or delete captions as needed.
  6. Export captions when finished.

About

An app to add captions to videos

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published