HTML5 Live Video Streaming using WowzaSE relay HTML5 Live Video Streaming using P2P WebRTC
Before installing, test the simple setup in the live demos above.
This edition showcases streaming from 1 broadcaster to multiple viewers and chat. This plain php edition includes code and minimal scripts to embed a HTML5 Videochat app and test/showcase some features. This edition is for integrating/using application with own scripts/framework. For a complete implementation of advanced capabilities, see Turnkey HTML5 Videochat Site edition, available as WordPress plugin with full php source. The turnkey site edition implements pay per minute videochat (group and private 2 way video calls) with membership, billing, advanced tools.
- Automatically create a room as broadcaster on access and show link to invite participants that will access as viewers
- Embed app to broadcast and playback live video using HTML5 WebRTC
- Simple implementation of signaling broadcast (to connect automatically) and text chat, using plain files
- WebRTC 1 way to many live video streaming, in public lobby
- WebRTC relayed streaming (reliable and scalable to many clients from Wowza SE streaming server, independent of broadcaster upload connection) / P2P using VideoWhisper WebRTC
- select camera, microphone, resolution, bitrate
- screen sharing toggle, with microphone track mixed
- video/audio recorder, emoticons, mentions in text chat
- fullscreen for videochat interface or playback video
- adaptive target video bitrate (depending on cam resolution) and configuration in resolution change
- broadcasting/playback stats (open controls and stats should show in few seconds)
- dark mode / lights on: each user can toggle interface mode live at runtime, SFX (sound effects)
- translation and text change support
- request private 2 way calls / shows from group chat
- random videochat with Next button to move to different performer room
- live wallet balance display (updates from tips and other transfers)
- tips with multiple customizable options, gift images
Warning: some of these features are not active/implemented in this simplified edition, but can be enabled as in turnkey site edition.
Before installing, make sure your hosting environment meets all requirements including the Wowza SE as HTML5 WebRTC streaming relay and/or the VideoWhisper WebRTC signaling server. Production implementations should also involve Session Control for security and website integration (like list of live channels). For testing, get a free plan from WebRTC Host: P2P.
- If you don't use a turnkey webrtc relay streaming host, configure WebRTC + SSL with Wowza SE or the VideoWhisper WebRTC + STUN/TURN server.
- Deploy files to your web installation location. (Example: yoursite.domain/html5-videochat/)
- Fill your streaming settings in settings.php file
- If you don't have SuPHP, enable write permissions (0777) for folder "uploads", required to save session and chat info.
- The plain php edition refers to minimal scripts for configuring and accessing videochat room, so developers can integrate with own scripts.
- Plain php edition does not involve database and systems to manage members, rooms, billing. These depend on framework you want to integrate, plugins, database, member system.
- Applications reads parameters, wallet balance and other data with ajax calls from framework/integration scripts (that need to be implemented depending on framework, database, user scripts).
- A complete implementation of features is available for WordPress framework. See Turnkey HTML5 Videochat Site edition, available as WordPress plugin with full php source. Includes user role management (performers/clients), pay per minute, integrates billing wallets.
- Plain edition implements 1 way streaming and chat with broadcast / playback screens for broadcaster and other participants. Application supports but this edition does not implement signaling for requesting 2 way video calls or parameters and content for conference/collaborations.
- Setup starts in demo mode, to prevent high resource usage by visitors. To enable and confirm full mode you need to fill application version in modeVersion parameter. Consult VideoWhisper for assistance or a turnkey site setup.
- index.php embeds the html5 application: accessed directly creates a room and shows room link to invite others
- app-call.php is called by application to retrieve parameters, interact with web server, update status and chat (ajax calls)
- app-functions.php functions implementing features for app-call.php , including translated texts, app settings
- settings.php settings and options, including streaming settings and url for calls (when integrating with own framework)
Scripts also contain comments for clarifications/suggestions.
This is a simple setup showcasing easy app deployment and integration with other PHP scripts. For a quick setup, see VideoWhisper Turnkey Stream Hosting Plans that include requirements for all features and free installation.
- Video Call PHP / HTML5 Videochat on Wowza SE
- Video Call PHP / HTML5 Videochat on VideoWhisper WebRTC
- Live Streaming PHP / HTML5 Videochat on Wowza SE
- Live Streaming PHP / HTML5 Videochat on VideoWhisper WebRTC
- Cam/Mic Recorder HTML5 - Standalone
- PaidVideochat Turnkey Site
- Video Call - HTML5 Videochat - GitHub
- Live Streaming - HTML5 Videochat - GitHub
- Cam/Mic Recorder HTML5 - GitHub
- PaidVideochat Turnkey Site - WordPress
- Video Calls & Random Chat Turnkey Site - WordPress
- WebRTC Signaling Server
Consult VideoWhisper for commercial services like turnkey site platforms, compatible hosting, custom development services.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent