CristianOlivera1/openvid

CristianOlivera1/openvid has 2,931 GitHub stars and 419 forks. GitHot measured +37 stars in 24 hours, +115 in 7 days, and +130 in 15 days. Last checked 2026-11-12 20:14 UTC. Last push 2026-11-02.

So werden diese Zahlen gemessen

Erstelle professionelle Demos und 3D-Mock-ups in Sekunden direkt im Browser

2,931 Sterne 419 forks +37 in 24h

Gemessener Sternzuwachs

in 24h: +37
in 7 days: +115
in 15 days: +130
in 1 month: Verlauf wird gesammelt

Nettoänderungen in überlappenden Zeiträumen, keine Tagessummen. Fehlende Messwerte bleiben leer. Sterne zeigen Interesse, nicht Qualität.

README.md

Original

openvid

Create professional demos and mockups in seconds, directly in your browser

Record your screen or upload a video, add smooth zooms, device mockups, 3D effects, and custom backgrounds - export a cinematic demo.

poindeo-video-speed_1 5x_1787010609273 (1) (1)

Features

Video Input

Screen recording - Capture your screen directly in the browser with no installation required
Upload your video - MP4, WebM, QuickTime, and MKV

Mockup Creation

Mockups applied to images
3D transformations

Visual Customization

Backgrounds

100+ pre-designed backgrounds
Custom images or Unsplash
Solid colors and gradients

Canvas & Elements

Shapes - Rectangles, circles, triangles
Text - Custom fonts, colors, and sizes
SVG - Import vector graphics
Images - PNG, JPG, WebP overlays

Zoom

Zoom in/out at specific timeline moments
Speed and easing control
3D Camera Movement - Tilt and dynamic rotation based on points of interest

Audio

Multi-track support
Auto-trim based on video duration

Export

Quality

4K (3840×2160) @ 30fps
2K (2560×1440) @ 30fps
1080p (1920×1080) @ 30fps
720p (1280×720) @ 30fps
480p (720×480) @ 24fps

Format

MP4 (H.264)
WebM (VP9 with transparent background support)
GIF
PNG, WEBP, JPG, AVIF

Screenshots

Technology

Video Processing

FFmpeg.wasm - fully in-browser rendering
Canvas API - preview
MediaBunny - optimized video pipeline
Three.js - 3D effects
HTML to Image - mockup export

Storage

IndexedDB - locally recorded videos
LocalStorage - user settings
Supabase Storage - cloud backups (coming soon)

Quick Start

# Install dependencies
pnpm install

# Setup environment
cp .env.example .env
# Add your Supabase credentials

# Start development server
pnpm dev

Open http://localhost:3000

💬 Community

¡Contributions are welcome! Join our Discord to collaborate: