Introduction
Enterprise-grade video recording SDK for the browser. Record, transcode, and upload videos with just a few lines of code.
VIDTREO Recorder SDK
Professional video recording for the web. VIDTREO provides everything you need to add powerful video recording capabilities to your application - camera recording, screen capture, real-time transcoding, and automatic uploads.
VIDTREO processes video directly in the browser using WebCodecs, delivering MP4 files without server-side transcoding. This means faster uploads and lower infrastructure costs.
Why VIDTREO?
- Browser-Native — Uses WebCodecs API for efficient H.264 MP4 encoding
- Zero Backend Processing — Videos are transcoded client-side, reducing server costs
- Multiple Integration Options — React components, Web Components, or vanilla JavaScript
- Enterprise Ready — Built-in retry logic, offline support, and error handling
- Cost Effective — Starting at $0.01/minute for HD video (62% cheaper than alternatives)
Quick Example
import { VidtreoRecorder } from '@vidtreo/recorder-react';
function App() {
return (
<VidtreoRecorder
apiKey="your-api-key"
onUploadComplete={(result) => {
console.log('Video uploaded:', result.uploadUrl);
}}
/>
);
}Choose Your Integration
React
Pre-built components and hooks for React applications
Web Component
Framework-agnostic custom element for any web app
Vanilla JavaScript
Full control with the core SDK API
Get Started
Installation
Install the SDK in your project
Quick Start
Record your first video in 5 minutes
Authentication
Set up your API key and configure access
Features at a Glance
| Feature | Description |
|---|---|
| Camera Recording | Capture video and audio from user's camera and microphone |
| Screen Recording | Record screen, window, or browser tab with optional audio |
| Source Switching | Switch between camera and screen during recording |
| Real-time Transcoding | Convert to MP4 with H.264/AAC directly in the browser |
| Auto Upload | Automatic upload with progress tracking and retry logic |
| Offline Support | Queue recordings for upload when connection is restored |
| Device Selection | Choose between multiple cameras and microphones |
| Pause/Resume | Pause and resume recording without losing data |
| Mute Control | Toggle audio capture during recording |
| Internationalization | Built-in support for English, Spanish, and Portuguese |
SDK Packages
| Package | Description | Size |
|---|---|---|
@vidtreo/recorder | Core SDK with full API | ~50KB |
@vidtreo/recorder-react | React components and hooks | ~15KB |
@vidtreo/recorder-wc | Web Component | ~20KB |
Browser Support
VIDTREO requires browsers that support the WebCodecs API:
| Browser | Minimum Version |
|---|---|
| Chrome | 94+ |
| Edge | 94+ |
| Opera | 80+ |
| Safari | 16.4+ |
| Firefox | Not supported (WebCodecs in development) |
Firefox does not currently support the WebCodecs API. Users on Firefox will see an unsupported browser message.