Cutcap

### 🎯 What is CutCap?

**CutCap** is a powerful Chrome extension that helps you create professional product demonstration videos effortlessly. Record your screen, and our intelligent system automatically tracks your interactions (clicks, scrolls, mouse movements) and adds stunning video effects - all with just one click!

### ✨ Key Features

#### 🎥 **One-Click Screen Recording**
- Record browser tabs, windows, or entire desktop
- Capture system audio and microphone simultaneously
- Real-time recording status preview
- Stable recording with 100% playback success rate

#### 🎯 **Intelligent Interaction Tracking**
- Automatically records mouse clicks, scrolls, and movements
- Precise timestamp synchronization
- Smart element recognition

#### ✨ **Automatic Video Effects**
- **Clicks** → Focus zoom + ripple effects
- **Scrolls** → Smooth follow animations
- **Hovers** → Area highlighting

#### 🎨 **Professional Zoom Effects**
- **2D Flat Zoom** → Classic smooth zoom effect
- **3D Rotation Zoom** → Cinematic perspective with spatial rotation
- Dynamic adaptation and real-time switching

#### 🖼️ **Video Style Editor**
- **Backgrounds** → 20+ solid colors / 10+ gradients / transparent
- **Padding** → Independent control for all sides (0-30%)
- **Rounded Corners** → Adjustable radius (0-50px)
- **Borders** → Fully customizable width, color, and opacity
- **Shadows** → 5 presets + custom blur and offset
- **Live Preview** → What you see is what you get

#### 📝 **Transition Titles**
- Auto-insert transition text between clips
- Multiple animation presets: typewriter, fade, bounce, slide-in
- Rich preset effects and text animations
- 19 built-in text effects (basic, advanced, Lottie, Three.js 3D)

#### 🌍 **Multi-language Support**
- English, 中文,
- Auto-detect browser language

### 🔒 Privacy & Security

✅ **100% Free & Open Source** (MIT License)
✅ **Privacy Protected** - All processing happens locally, no data upload
✅ **No Account Required** - Start using immediately
✅ **Cross-Platform** - Works on Windows, Mac, and Linux

### 💡 Perfect For

- 🎬 Product managers creating feature demos
- 📚 Educators recording tutorials
- 🛠️ Developers documenting bug reports
- 💼 Sales teams presenting solutions
- 🎨 Designers showcasing portfolios

### 🚀 How to Use

1. **Start Recording** - Click the extension icon and select recording source
2. **Perform Actions** - Demonstrate your product as usual
3. **Stop Recording** - System auto-saves video and interactions
4. **Edit Video** - View auto-added effects and customize styles
5. **Export** - Download high-quality video (30/60fps, VP9 codec)

### 🏆 Technical Highlights

- ⚡ **High Performance** - WebAssembly + Web Workers
- 🎯 **Frame-Perfect** - Precise frame rate control with requestFrame
- 📹 **Unified VP9 Encoding** - 10-20x quality improvement
- 🎬 **Professional Export** - Preview matches export perfectly
- 🔧 **Advanced Effects** - Lottie animations + Three.js 3D

### 📦 What's New in v1.1.0

- ✅ Fixed VP9 video recording reliability
- ✅ Added recording startup lock to prevent race conditions
- ✅ Improved both VP9 and H.264 codec stability
- ✅ Enhanced error handling for all recording states