Rendering Modes
VidStitch offers two rendering modes: Preview (browser-based) and Production (cloud-based). This guide explains when to use each and how to configure render settings.
Rendering Overview
| Feature | Preview Mode | Production Mode |
|---|---|---|
| Processing | Your browser (WebAssembly) | Cloud servers (Mux) |
| Speed | 5-10 minutes | 2-5 minutes |
| Quality | Standard (up to 1080p) | High (up to 4K) |
| Best For | Testing, review | Final output |
| Resource Usage | Your device | Cloud (none local) |
Preview Mode
How It Works
Preview mode uses FFmpeg WebAssembly running directly in your browser:
- Video segments downloaded to browser
- FFmpeg.wasm processes locally
- Final video rendered in-browser
- Result available for download
Advantages
- ✅ Quick testing iteration
- ✅ No server queue wait
- ✅ Lower cost (no cloud processing)
- ✅ Good for review cycles
Limitations
- ❌ Uses your device's resources
- ❌ May be slow on older devices
- ❌ Maximum 1080p resolution
- ❌ Browser must stay open
System Requirements
For smooth Preview rendering: - 8+ GB RAM recommended - Modern CPU (last 5 years) - Stable browser (Chrome recommended) - 2+ GB free disk space
Production Mode
How It Works
Production mode uses Mux cloud video processing:
- Assets uploaded to Mux servers
- Professional encoding pipeline
- High-quality output generated
- Download link provided
Advantages
- ✅ Highest quality output
- ✅ Faster processing
- ✅ Up to 4K resolution
- ✅ No local resource usage
- ✅ Professional encoding
Limitations
- ❌ Uses render quota
- ❌ Requires cloud processing credits
- ❌ Queue during high demand
When to Use Each
Use Preview When:
- Testing clip placements
- Reviewing AI suggestions
- Iterating on edits
- Checking timing
- Quick client preview
Use Production When:
- Final deliverable
- High-quality requirement
- 4K resolution needed
- Sharing/distribution
- Archive-quality output
Render Settings
Resolution Options
| Resolution | Dimensions | Use Case |
|---|---|---|
| 720p | 1280×720 | Web, fast sharing |
| 1080p | 1920×1080 | Standard HD |
| 4K | 3840×2160 | Professional (Production only) |
Audio Settings
Audio Ducking
Automatically lower main video audio when B-roll plays:
| Level | Effect |
|---|---|
| Off | No audio change |
| Light | 20% reduction |
| Medium | 50% reduction |
| Heavy | 80% reduction |
💡 Tip: Medium ducking works well for most content.
Audio Fade
Smooth audio transitions at clip boundaries:
| Setting | Duration |
|---|---|
| Off | Hard cut |
| Short | 0.25 seconds |
| Medium | 0.5 seconds |
| Long | 1 second |
Video Transitions
Crossfade
Smooth visual blend between clips: - Off: Hard cut - Short: 0.25 second fade - Medium: 0.5 second fade - Long: 1 second fade
Cross-dissolve
Similar to crossfade but with opacity blend: - Works best for similar scenes - Smoother perception
Render Quality Comparison
Visual Quality
| Aspect | Preview | Production |
|---|---|---|
| Bitrate | 8-12 Mbps | 15-25 Mbps |
| Codec | H.264 | H.264 High Profile |
| Color | 8-bit | 10-bit |
| Compression | Standard | Optimized |
Audio Quality
| Aspect | Preview | Production |
|---|---|---|
| Codec | AAC | AAC-LC |
| Bitrate | 128 kbps | 256 kbps |
| Sample Rate | 44.1 kHz | 48 kHz |
Render Progress
Preview Mode Stages
- Preparing - Loading video segments
- Processing - FFmpeg encoding
- Finalizing - Creating output file
- Complete - Ready for download
Production Mode Stages
- Uploading - Sending to cloud
- Queued - Waiting for processing
- Encoding - Cloud processing
- Complete - Download available
Progress Indicators
- Percentage complete
- Current stage name
- Estimated time remaining
- Any warnings or issues
Troubleshooting Renders
Preview Mode Issues
Render crashes or freezes: - Close other browser tabs - Clear browser cache - Use Chrome instead of Safari - Try smaller video segments
Very slow rendering: - Check available RAM - Close other applications - Use Production mode instead
Quality issues: - Preview is limited to 1080p - Use Production for final output
Production Mode Issues
Render stuck in queue: - High server demand - Wait or retry later - Contact support if > 30 minutes
Render failed: - Check error message - Verify source files are valid - Check storage quota
Render Quotas
Daily Limits
| Account Type | Daily Renders |
|---|---|
| Standard | 5 renders |
| Pro | 15 renders |
| Enterprise | Unlimited |
Quota Reset
- Resets at midnight UTC
- Check remaining quota in Settings
- Preview renders don't count
Output Format
All renders produce:
- Format: MP4
- Codec: H.264
- Audio: AAC
- Container: MP4 (compatible with all players)
Best Practices
Workflow Recommendation
- Use Preview for all testing and iteration
- Make adjustments based on preview
- Use Production only for final output
- Download immediately after completion
Quality Optimization
- Start with 1080p for web content
- Use 4K only when truly needed
- Match source video resolution
- Don't upscale low-quality sources
Storage Management
- Download renders promptly
- Delete old renders to free space
- Keep only final versions
Next Steps
- Storage Management - Manage render files
- Troubleshooting - Common issues
- Limits Reference - Quota details