RecDev - Code Screencast Extension for VS Code

Record, share, and learn from coding sessions with intelligent playback and real-time code navigation.

🚀 What is RecDev?

RecDev is a revolutionary VS Code extension that transforms how developers record, share, and learn from coding sessions. Unlike traditional screen recordings, RecDev creates intelligent screencasts that allow viewers to:

• ✨ Navigate through code evolution in real-time
• 📋 Copy code directly from the playback viewer
• 🖥️ See terminal output and command history
• 🔍 Search through the entire coding session
• ⚡ Jump to specific moments instantly

🎯 Key Features

🎬 Smart Recording

• Automatic code tracking: Records all file changes, cursor movements, and selections
• Terminal integration: Captures terminal commands and output
• Screen recording: Capture your entire screen or specific windows
• Webcam recording: Include your face and reactions in recordings
• Automatic layout switching: Intelligently switches between screen sharing and webcam view based on window focus
• Voiceover support: Add audio narration to your coding sessions
• Intelligent filtering: Automatically excludes large files and common build directories
• Custom ignore patterns: Support for .recordignore files

🌐 Seamless Sharing

• One-click sharing: Generate shareable links instantly
• Privacy controls: Public, unlisted, or private recordings
• Embed anywhere: Share on social media, documentation, or tutorials
• No file size limits: Upload recordings of any length

📱 Universal Playback

• Web-based viewer: No software installation required for viewers
• Mobile-friendly: Watch recordings on any device
• Interactive timeline: Scrub through sessions with visual markers
• Code copying: Viewers can copy code at any point in the recording

🔧 Developer-Friendly

• Zero configuration: Works out of the box
• Multiple editors: VS Code, Cursor, VSCodium, and any VS Code fork
• GitHub integration: Seamless authentication and account management
• API access: Programmatic control over recordings

🚀 Quick Start

1. Authenticate with GitHub

Ctrl+Shift+P → "RecDev: Login / Switch Account"

2. Start Recording

Ctrl+Shift+P → "RecDev: Start Recording"

3. Code Away!

Write code, run commands, navigate files - everything is captured automatically.

4. Stop & Share

Ctrl+Shift+P → "RecDev: Stop Recording"

Your recording is automatically uploaded and a shareable link is generated!

🎮 Commands

🌟 Use Cases

👨‍🏫 Education & Tutorials

• Create interactive coding tutorials
• Share debugging sessions with students
• Build comprehensive course materials

🐛 Bug Reports & Debugging

• Record bug reproduction steps
• Share debugging sessions with team members
• Create detailed issue reports

👥 Code Reviews & Collaboration

• Explain complex code changes
• Walk through implementation decisions
• Share knowledge with remote team members

📚 Documentation & Onboarding

• Create interactive setup guides
• Document development workflows
• Onboard new team members effectively

🎯 Content Creation

• Build engaging developer content
• Create social media coding posts
• Share programming insights

🔒 Privacy & Security

• Your code stays secure: All data is encrypted in transit and at rest
• Flexible privacy controls: Choose between public, unlisted, or private recordings
• GitHub authentication: Secure OAuth integration
• GDPR compliant: Full data control and deletion rights
• No tracking: We don't track your coding habits

📚 .recordignore File

Create a .recordignore file in your project root to exclude specific files:

# Environment files
.env
.env.local

# Build outputs
dist/
build/
out/

# Logs
*.log
logs/

# Temporary files
*.tmp
.cache/

🆘 Support

📖 Documentation

• Getting Started Guide

🐛 Bug Reports

Found a bug? Please reach out to us with:

• VS Code version
• Extension version
• Steps to reproduce
• Expected vs actual behavior

🌐 Website

Keywords

vscode extension, code recording, screen recording, developer tools, coding tutorials, code sharing, programming education, debugging, code review, developer productivity, vs code, cursor, vscodium, screencast, coding session, developer collaboration