broadcasting
How to host shows, bring in guests, and manage your live broadcast with ITG Media App.
ITG Media App gives you a complete live broadcasting workflow. The host uses OBS Studio (or any tool with a browser source), guests join through their browser with no software install, and viewers watch live on the Broadcast Page. Everything is orchestrated through WebRTC via LiveKit.
ITG Media App gives the host three methods to get video/audio into the stream. Choose the one that fits your workflow.
The quickest way to start — use OBS as a camera source.
- Open the Studio Control page at
/studio/Broadcast_Studio_A1 - Select OBS Virtual Camera as your video source
- Select VB-Audio Cable (or your system audio) as your audio source
- Click "Start Broadcast"
- Your camera and mic stream directly to the LiveKit room via WebRTC
💡 No browser source or WHIP configuration needed — just your OBS virtual devices. Perfect for simple streams, podcasts, or quick tests.
Use this when you need OBS overlays, lower-thirds, multi-source composition, and scene switching.
Download and install OBS Studio (free).
In OBS, add a Browser Source pointing at:
https://donoconnor.com/studio/obs-source?room=Broadcast_Studio_A1
Replace
donoconnor.comwith your actual domain. ReplaceBroadcast_Studio_A1with your room name.
| Setting | Recommended Value |
|---|---|
| Width | 1920 |
| Height | 1080 |
| FPS | 30 or 60 |
| Custom CSS | (leave blank unless customizing) |
| Control audio via OBS | ✅ Enabled |
| Refresh browser when scene becomes active | ✅ Enabled |
The browser source displays the live composed view — host video, guest video, lower-thirds, and overlays — all auto-arranged by ITG Media App. You then stream this scene out to YouTube, Facebook, TikTok, or wherever you want using OBS's built-in streaming output.
💡 Default room name: The room
Broadcast_Studio_A1is the default. Create additional rooms for individual shows or guests. Having a known room name makes it easy to reuse the same OBS browser source URL across shows.
For a clean, high-quality video feed separate from Virtual Camera — OBS pushes directly to LiveKit.
- Navigate to the Streaming Admin panel
- Generate a WHIP URL
- In OBS, go to Settings → Stream
- Set Service to
WHIP - Paste the WHIP URL
- Click Start Streaming in OBS
🎯 When to use WHIP: You want a dedicated, high-bitrate video feed that's independent of your virtual camera. Great for professional productions with separate ingest and monitoring.
Guests join through a simple link — no downloads, no OBS, no software install.
- The host generates a guest link from the Dashboard or Director Control Panel
- The guest clicks the link on their phone, tablet, or desktop
- They allow camera & microphone access
- They appear in the host's composed view automatically
| Requirement | Details |
|---|---|
| Browser | Chrome, Firefox, Safari, Edge (latest versions) |
| Camera | Built-in webcam or external camera |
| Microphone | Any mic — headset recommended for best audio |
| Internet | Stable connection, 5+ Mbps upload for 1080p |
| Audio | Headphones or earbuds — prevents audio feedback/echo |
ITG Media App is a full Progressive Web App (PWA):
- Installable to phone/tablet home screen
- Works on iOS Safari, Android Chrome
- Full guest features on mobile
- Add to home screen for one-tap access to guest links
Viewers watch live at the Broadcast Page: /broadcast
- Shows the composed stream in real time
- Interactive chat (if enabled)
- No login required for viewing (configurable)
- Responsive — works on desktop and mobile
The Studio Control page (/studio/Broadcast_Studio_A1) is the host's main interface:
| Control | Function |
|---|---|
| Camera Selection | Choose video source (OBS Virtual Camera, webcam, etc.) |
| Microphone Selection | Choose audio source (VB-Audio Cable, system mic, etc.) |
| Start/Stop Broadcast | Begin or end the live stream |
| Room Status | See who's in the room, stream health indicators |
| Audio Levels | Monitor mic and guest audio levels |
| Guest Preview | See guests before they go live |
After logging in, the Dashboard is your home base:
| Feature | Description |
|---|---|
| Show Management | Schedule, edit, and manage upcoming/past shows |
| Guest Links | Generate and copy guest join links |
| Streaming Config | Configure RTMP destinations, streaming keys |
| Director Control | Open the Director panel for live show management |
| Analytics | View stats, viewer counts, stream health |
Scenes:
├── 🎬 Main (Browser Source + Camera + Overlays)
├── 🎤 Guest Fullscreen (for single-guest focus)
├── 🖼️ BRB / Intermission (holding screen)
├── 📊 Lower Third Only (for sponsor reads)
└── 🎵 Audio Only (music/podcast mode)
| Setting | Value |
|---|---|
| Base Canvas | 1920×1080 |
| Output Resolution | 1920×1080 or 1280×720 |
| FPS | 30 or 60 |
| Video Encoder | Hardware (NVENC, AMF, QSV) or x264 |
| Bitrate | 6000-8000 Kbps for 1080p60 |
| Audio Bitrate | 160-320 Kbps |
| Audio Sample Rate | 48 kHz |
ITG Media App can push your stream to multiple platforms simultaneously from the Director Control panel.
| Platform | RTMP URL Format |
|---|---|
| YouTube | rtmp://a.rtmp.youtube.com/live2/<stream-key> |
rtmp://live-api-s.facebook.com:80/rtmp/<stream-key> |
|
| TikTok | rtmp://live.tiktok.com/live/<stream-key> |
- Get your stream keys from each platform's creator dashboard
- Add them to your
.envfile or enter directly in the Director Control panel - Toggle each platform on/off during the broadcast
- Monitor per-platform stream health in real time
Before going live to an audience:
- OBS is running and capturing the browser source
- Audio levels are good (no peaking, no dead silence)
- Test guest joined successfully from a second device/browser
- Guest audio is clear, no echo (they're using headphones)
- Director Control panel shows both host and guest
- Simulcast platforms are configured and ready
- Broadcast Page loads and shows the stream
- Record a short test and review it
Run the built-in speed test at /speedtest to verify your connection:
- Upload speed: 10+ Mbps recommended for 1080p with guests
- Latency: < 50ms to the LiveKit server
- Jitter: < 30ms for stable video
| Page | URL |
|---|---|
| Studio Control | /studio/Broadcast_Studio_A1 |
| OBS Browser Source | /studio/obs-source?room=Broadcast_Studio_A1 |
| Director Control | /director-control |
| Dashboard | /dashboard |
| Page | URL |
|---|---|
| Guest Room | /guest-room?room=<room-name> |
| Guest Monitor (OBS) | /obs-guest-monitor.html |
| Page | URL |
|---|---|
| Broadcast Page | /broadcast |
- Director Control — Manage guests and simulcast during your live show
- User Roles & Profiles — Set up hosts, guests, and staff accounts
← Back to Wiki Home