LiveCap

A professional, browser-based screen recording studio. Capture your screen, webcam, and microphone with customizable overlays, quality settings, and annotation tools — no extensions or downloads required.

Features

• Screen + webcam recording with configurable overlay (size, shape, position, border)
• Microphone audio capture with live level meter
• Annotation tools: pen with color and thickness controls
• Countdown timer before recording starts
• Pause/Resume support
• Keyboard shortcuts: Ctrl+Shift+R start, Ctrl+Shift+P pause, Ctrl+Shift+S stop
• Dark/Light theme (persisted to localStorage)
• Crash-safe recording via IndexedDB chunk storage
• Download recording as .webm
• Low CPU preset (720p / 30fps / Low bitrate)
• Free tier: 10-minute recording limit, watermark on export
• Pro tier (coming soon): unlimited recording, AI transcription, MP4 export, cloud storage

Run Locally

Prerequisites: Node.js 18+

npm install
npm run dev

The app runs at http://localhost:3000 with no environment variables required.

Build for Production

npm run build

Static output is written to dist/. Deploy to Vercel, Netlify, or any static host.

Tech Stack

• React 19 + TypeScript
• Vite
• Tailwind CSS
• lucide-react (icons)
• idb (IndexedDB wrapper for chunk storage)
• MediaRecorder API + Canvas compositing