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

🙏 Credits

RecDev leverages several excellent open-source tools and projects to provide cross-platform terminal recording functionality:

Terminal Recording Dependencies

• asciinema - Terminal session recorder for Unix-like systems (macOS, Linux)

  • Used for capturing terminal commands and output on macOS and Linux
  • Repository: github.com/asciinema/asciinema

• PowerSession - Terminal recording solution for Windows

  • Provides asciinema-compatible terminal recording on Windows systems
  • Enables cross-platform terminal session capture

These tools enable RecDev to seamlessly record terminal interactions across all supported platforms, creating comprehensive coding session recordings that include both code changes and terminal output.

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