VDO.Ninja Examples & Demos
A collection of examples demonstrating various features and integration possibilities with VDO.Ninja. These examples show how to use the iframe API, custom overlays, remote control features, and more.
🔧 Core API & Integration
P2P Data Transport
Demonstrates how to use VDO.Ninja as a peer-to-peer data transport and tunneling service for custom applications
Outbound Stats API
Shows how to retrieve detailed outbound streaming statistics using the iframe API
Inbound Stats API
Shows how to retrieve detailed inbound streaming statistics using the iframe API
Remote API Control
Demonstrates remote control capabilities through the VDO.Ninja API
HTTP/WSS API Docs
Documentation for the HTTP and WebSocket API endpoints
🎨 UI & Layout Customization
Draggable Windows
Create custom layouts by dragging multiple video windows around the screen (experimental)
Grid Layout
Example of a custom grid layout for multiple video streams
Rotated Video
Shows how to rotate video elements for creative layouts
Custom Overlay
How to create custom overlays on top of VDO.Ninja video streams
Basic Overlay
Simple overlay example for adding graphics to streams
Test Overlay
Testing framework for overlay development
Labels Only View
Display only the labels/names without video for a minimal interface
Custom Labels
How to create and style custom labels for video streams
🎬 Room & Scene Management
Multiple Rooms
Manage multiple director rooms in a single browser tab
Add to Scene
Dynamically add or remove guests to/from scenes using the iframe API
Waiting Room
Implementation of a waiting room for guests before joining the main session
Kick Guest
Example of how to remove/kick guests from a room
🎮 Control & Interaction
Control Interface
Custom control interface for managing VDO.Ninja sessions
Big Mute Button
Mobile-friendly large mute button for easy access during streams
Mute Guest (iframe)
Control guest audio through iframe API commands
Video Switcher
Custom video switching interface for multi-camera setups
Switch Microphones
Interface for switching between multiple microphone inputs
Sliding Zoom Control
Smooth zoom control interface with sliding mechanism
PTZ Camera Control
Pan, Tilt, and Zoom control interface for PTZ cameras
📱 Hardware & Sensors
Sensor Data Overlay
Display real-time sensor data (like speed) as an overlay on video
Game Controller
Use game controllers as input devices for stream control
WebHID Devices
Interface with USB HID devices like Stream Deck (not mouse/keyboard)
Wireless Control
Wireless device integration and control examples
📺 Platform Integration
Twitch Integration
Display Twitch chat alongside VDO.Ninja streams
YouTube Integration
Display YouTube live chat alongside VDO.Ninja streams
OBS Remote (Simple)
Simplified OBS remote control interface
🚀 Specialized Applications
Teleprompter
Full-featured teleprompter application with speed control
Teleprompter (Simple)
Simplified teleprompter for basic scrolling text
PowerPoint Control
Remote control for PowerPoint presentations
Esports Layout
Specialized layout for esports streaming and tournaments
Audio/Video Mixer
Multi-source audio and video mixing interface
Social Overlay
Social media integration and overlay system
💬 Communication Features
Chat Overlay
Chat-only interface that can be docked into OBS
Google AI Integration
Integration with Google AI services for enhanced features
🛠️ Utilities
Dual Windows
Picture-in-Picture style layout with two VDO.Ninja instances
Zoom Mode
Fullscreen mode optimized for window capture in Zoom
Password Generator
Create secure passwords and hash values for VDO.Ninja rooms
Connection Status
Monitor connection status and quality metrics
Simple Link Generator
Basic interface for generating VDO.Ninja links
SDP Testing
Test and debug Session Description Protocol data
🌐 External Projects
Versus.cam
Advanced iframe API usage for audio/video transport between frames
Looking for more documentation?
📄 iframe API Documentation | 📖 Examples README | 📚 Full Documentation