Streaming WebRTC Testbed

streaming-webrtc is a Vite-based example suite for validating and learning Red5 Pro WebRTC SDK workflows.

This repository serves two goals:

1. Product validation - a broad test matrix for Red5 SDK + Server/Stream Manager scenarios.
2. Developer guidance - concrete reference implementations showing how each flow is assembled.

What This Repo Includes

• WHIP and WHEP examples (publish, subscribe, and two-way)
• Legacy RTCPublisher/RTCSubscriber examples
• Stream Manager workflows (transcoder, mixer, live seek, proxy tests)
• Feature-focused examples (data channel, AMF, reconnection, mute, media swap, castLabs, etc.)

Requirements

• Node.js + npm
• A reachable Red5 Pro deployment (local or remote)
• HTTPS/TLS for most WebRTC publish scenarios outside localhost

Quick Start

npm install
npm run dev

Open the app in your browser (Vite default: http://localhost:5173), then configure Settings (at minimum):

• Host
• Stream Name (and any example-specific fields)
• Use Stream Manager + admin credentials for Stream Manager examples

Useful Scripts

• npm run dev - local development server
• npm run build - type-check + production build
• npm run preview - preview production build
• npm run lint - lint src/**/*.ts
• npm run format - format src with Prettier

Example Directory Quick Links

These links point to each example directory root under src/examples/.

Publish

• whip-basic
• whip-amf
• whip-audio-constraints
• whip-codec-preference
• whip-connection-params
• whip-data-channel
• whip-live-encoding
• whip-media-source-swap
• whip-mute-api
• whip-remote-call
• whip-resiliency
• whip-screenshare
• whip-social-pusher
• whip-supported-resolutions
• rtc-publisher

Subscribe

• whep-basic
• whep-amf
• whep-audio-playback
• whep-codec-preference
• whep-connection-params
• whep-data-channel
• whep-interstitial
• whep-manual-stream
• whep-mute-api
• whep-reconnect
• whep-remote-call
• whep-renegotiation
• whep-standby
• whep-switch-streams
• rtc-subscriber

Misc / Combined

• whip-castlabs
• whep-castlabs
• whep-castlabs-watermark
• pubnub-client
• message-channel
• whip-whep

Standalone

• whep-cluster

Stream Manager

• brew-mixer
• whep-live-seek
• transcoder-form-only
• transcoder-form-and-publish
• transcoder-form-publish-amf

Standalone Proxy Test Pages

These are root-level HTML pages used for Stream Manager automated tests:

• proxy-publisher.html
• proxy-subscriber.html
• proxy-subscriber-all-edge.html
• proxy-subscriber-amount.html
• proxy-screenshare.html