VoceSpace

Demo

Give it a try at vocespace demo

Dev Setup

Steps to get a local dev setup up and running:

1. Run pnpm install to install all dependencies.
2. Copy .env.example in the project root and rename it to .env.local.
3. Update the missing environment variables in the newly created .env.local file.
4. Run pnpm dev to start the development server and visit http://localhost:3000 to see the result.
5. Start development 🎉

Features

VoceSpace offers a comprehensive video conferencing experience with advanced AI-powered features and extensive customization options.

🎥 Pre-Join Experience

Basic Controls

• Microphone preview and testing
• Camera preview with device selection
• Real-time video preview
• Custom username input with auto-generation
• One-click room joining

Advanced Settings

• Audio volume adjustment and testing
• Multiple microphone device selection
• Video blur intensity control with live preview
• Multiple camera device selection
• Settings reset functionality
• Auto-generated usernames (ULID-based)

💬 Room Experience

Core Features

• High-quality audio/video communication
• Screen sharing with audio support
• Multiple layout options (Grid, Focus, Speaker view)
• Real-time chat with file sharing
• Drag-and-drop file uploads
• Message history persistence (Redis-backed)
• Unread message notifications

Host Management

• Room ownership and moderation
• Participant management (mute, video control, remove)
• Host transfer capabilities
• Volume control for participants
• Video/screen blur control for others
• Device invitation system (camera, microphone, screen)
• Room security controls

Interactive Features

• Real-time cursor sharing during screen share
• Wave hand notifications between users
• User status indicators and custom statuses
• Multi-language support (Chinese/English)
• Participant search and sorting

🤖 AI-Powered Features

Virtual Avatars

• Live2D avatar integration
• Real-time facial tracking and animation
• Multiple avatar models selection
• Custom backgrounds and environments
• Performance optimization and detection
• Seamless avatar switching with masking effects

Audio Enhancement

• AI noise cancellation
• Real-time audio processing
• Volume normalization

🎬 Recording & Media

Room Recording

• Full room recording capabilities
• Host-initiated recording
• Participant recording requests with approval
• Real-time recording notifications
• Automatic S3 storage integration
• Download links with expiration (3-day lifecycle)
• Mobile recording support with permission detection

File Management

• In-chat file sharing
• Image preview and download
• Automatic file organization by room
• Secure file storage and retrieval

🔧 Advanced Settings

Audio Configuration

• Device selection and switching
• Volume controls and testing
• Real-time audio quality adjustment

Video Configuration

• Camera device management
• Blur intensity controls (0-100%)
• Screen share blur settings
• Real-time video quality optimization

Virtual Environment

• Avatar model selection
• Background customization
• Performance monitoring and auto-adjustment
• Compare mode for before/after effects

System Preferences

• Multi-language interface (i18n)
• Custom user status creation
• Theme and UI customization
• Persistent settings storage

🔒 Security & Privacy

Encryption

• End-to-end encryption (E2EE) support
• Secure WebRTC communication
• TURN server integration for connectivity

Permissions

• Device permission management
• Detailed permission descriptions and guides
• Granular access controls

🏗️ Technical Features

Performance

• Client-side performance monitoring
• Server-side performance tracking
• WebGL-accelerated video processing
• Optimized codec selection

Infrastructure

• Redis-based data persistence
• WebSocket real-time communication
• Docker deployment support
• S3 integration for media storage
• Dashboard with usage analytics

Reliability

• Automatic reconnection mechanisms
• Connection quality monitoring
• Fallback connectivity options
• Error handling and recovery

📊 Analytics & Monitoring

Usage Tracking

• Active room monitoring
• Historical usage records
• User activity analytics
• Performance metrics dashboard

Room Management

• Real-time participant tracking
• Session duration monitoring
• Resource usage optimization

For detailed feature specifications and implementation notes, see FEATURE.md and TODO.md.

CHANGELOG

See CHANGELOG