WebRec - WebGL Screen Recorder

📺 Live Demo: WebGL Demo

🎬 Record Gameplay Directly from WebGL!

WebRec is a powerful, lightweight, and easy-to-use solution for capturing

high-quality video directly inside Unity WebGL builds. It uses modern browser

APIs to ensure exceptional performance and professional-quality recordings.

🎥 Universal Format Support

• WebM: Native browser format with instant saving (no conversion)

• MP4, MOV, MKV: Built-in WASM transcoder (Mediabunny) converts directly

in the browser for universal compatibility

⚡ High Performance Recording

• "Everything" Mode: Zero overhead - captures Unity Canvas directly from

browser stream. Perfect for gameplay recording at 60+ FPS

• WebGPU: GPU-only texture transfer (~0.5ms overhead, no CPU readback)

• WebGL 2.0: Fully supported with optimized readback pipeline

📹 Advanced Capture Modes

• Everything: Captures full screen (UI + Game). Fastest performance.

• Specific Camera: Record isolated camera view (hide UI, clean gameplay)

• Render Texture: Record any RenderTexture for custom pipelines

🎵 Crystal Clear Audio

• Automatic Unity audio engine integration

• Configurable audio bitrate (64-320 Kbps)

• AAC/Opus codec support

💾 Smart File Saving

• Auto-Download: Instant save to Downloads folder

• Remember Location: One-time folder selection, automatic saves thereafter

(Chrome/Edge with File System Access API)

• Always Ask: Traditional save dialog for every recording

• Desktop folder support on Windows/Mac/Linux

🎨 Customizable Quality

• Video Bitrate: 1-100 Mbps (recommended: 25-50 Mbps)

• Audio Bitrate: 64-320 Kbps (default: 192 Kbps)

• Frame Rate: 30/60 FPS or custom

• Resolution Limiting: Automatic downscaling for high-DPI displays

• Anti-Aliasing: 2x, 4x, 8x MSAA for Camera/RenderTexture modes

• Color Space Control: Linear-to-Gamma conversion options

🖥️ Professional UI System

• Ready-to-use UI prefab with Record button and timer

• Customizable notifications (position, colors, duration)

• Runtime format conversion progress indicators

• Built with Unity UI Toolkit for modern, responsive interface

🔧 Easy Integration

• Simply add WebRec component to your scene

• Call StartRecording() and StopRecording() from code

• Or use the included UI prefab - works out of the box

• Full C# API for programmatic control

• UnityEvents for recording lifecycle callbacks

🚀 GRAPHICS API SUPPORT

WebGPU (Recommended)

✓ All capture modes fully supported

✓ GPU-only texture transfer (~0.5ms overhead)

✓ Zero CPU readback for Camera/RenderTexture modes

✓ Best performance across all modes

WebGL 2.0

✓ All capture modes fully supported

✓ "Everything" mode: Zero overhead (recommended)

✓ Camera/RenderTexture modes: ~1-3ms overhead due to CPU readback

✓ Excellent compatibility with all browsers

Contact Us