https://www.webrtc-experiment.com/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<title>WebRTC Demos, Experiments, Libraries, Examples | Muaz Khan</title>
5<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6<meta charset="utf-8">
7<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
8<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9<style type="text/css">
10* {
11  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
12}
13h1 {
14    color: #EC008C;
15    font-size: 18px;
16}
17table {
18  max-width: 100%;
19  border-left: 1px solid #eceeef;
20  border-bottom: 1px solid #eceeef;
21}
22
23table th,
24table td {
25  padding: 0.75rem;
26  vertical-align: top;
27  border-top: 1px solid #eceeef;
28  border-right: 1px solid #eceeef;
29}
30
31table thead th {
32  vertical-align: bottom;
33  border-bottom: 2px solid #eceeef;
34}
35
36table tbody + tbody {
37  border-top: 2px solid #eceeef;
38}
39</style>
40</head>
41<body>
42<h1>WebRTC Demos, Experiments, Libraries, Examples</h1>
43<p>Github: <a href="https://github.com/muaz-khan/WebRTC-Experiment">https://github.com/muaz-khan/WebRTC-Experiment</a></p>
44<hr />
45<h1>RecordRTC | WebRTC Audio+Video+Screen Recording</h1>
46<p>WebRTC JavaScript library for audio/video as well as screen activity recording. It supports Chrome, Firefox, Opera, Android, and Microsoft Edge. Platforms: Linux, Mac and Windows.</p>
47<p>Live Demo: <a href="https://www.webrtc-experiment.com/RecordRTC/">https://www.webrtc-experiment.com/RecordRTC/</a></p>
48<p><a href="https://npmjs.org/package/recordrtc"><img src="https://img.shields.io/npm/v/recordrtc.svg" alt="npm" /></a> <a href="https://npmjs.org/package/recordrtc"><img src="https://img.shields.io/npm/dm/recordrtc.svg" alt="downloads" /></a> <a href="https://travis-ci.org/muaz-khan/RecordRTC"><img src="https://travis-ci.org/muaz-khan/RecordRTC.png?branch=master" alt="Build Status: Linux" /></a></p>
49<p>Github (open sourced): <a href="https://github.com/muaz-khan/RecordRTC">https://github.com/muaz-khan/RecordRTC</a></p>
50<p>RecordRTC extension is <a href="https://chrome.google.com/webstore/detail/recordrtc/ndcljioonkecdnaaihodjgiliohngojp">available in the Chrome Web Store</a>.</p>
51<hr />
52<h1>MultiStreamsMixer</h1>
53<p>Pass multiple streams (e.g. screen+camera or multiple-cameras) and get single stream.</p>
54<p>Live Demo: <a href="https://www.webrtc-experiment.com/MultiStreamsMixer/">https://www.webrtc-experiment.com/MultiStreamsMixer/</a></p>
55<p>Github: <a href="https://github.com/muaz-khan/MultiStreamsMixer">https://github.com/muaz-khan/MultiStreamsMixer</a></p>
56<hr />
57<h1>DetectRTC | Is WebRTC Supported In Your Browser?</h1>
58<p>A tiny JavaScript library that can be used to detect WebRTC features e.g. system having speakers, microphone or webcam, screen capturing is supported, number of audio/video devices etc.</p>
59<p>Live Demo: <a href="https://www.webrtc-experiment.com/DetectRTC/">https://www.webrtc-experiment.com/DetectRTC/</a></p>
60<p><a href="https://npmjs.org/package/detectrtc"><img src="https://img.shields.io/npm/v/detectrtc.svg" alt="npm" /></a> <a href="https://npmjs.org/package/detectrtc"><img src="https://img.shields.io/npm/dm/detectrtc.svg" alt="downloads" /></a>  <a href="https://travis-ci.org/muaz-khan/DetectRTC"><img src="https://travis-ci.org/muaz-khan/DetectRTC.png?branch=master" alt="Build Status: Linux" /></a></p>
61<p>Github (open sourced): <a href="https://github.com/muaz-khan/DetectRTC">https://github.com/muaz-khan/DetectRTC</a></p>
62<hr />
63<h1>RTCMultiConnection</h1>
64<p>WebRTC JavaScript library for peer-to-peer applications (screen sharing, audio/video conferencing, file sharing, media streaming etc.)</p>
65<p><a href="https://npmjs.org/package/rtcmulticonnection"><img src="https://img.shields.io/npm/v/rtcmulticonnection.svg" alt="npm" /></a> <a href="https://npmjs.org/package/rtcmulticonnection"><img src="https://img.shields.io/npm/dm/rtcmulticonnection.svg" alt="downloads" /></a> <a href="https://travis-ci.org/muaz-khan/RTCMultiConnection"><img src="https://travis-ci.org/muaz-khan/RTCMultiConnection.png?branch=master" alt="Build Status: Linux" /></a></p>
66<p>Demos: <a href="https://muazkhan.com:9001/demos/">https://muazkhan.com:9001/demos/</a></p>
67<p>Github: <a href="https://github.com/muaz-khan/RTCMultiConnection">https://github.com/muaz-khan/RTCMultiConnection</a></p>
68<p>Socket.io signaling server: <a href="https://github.com/muaz-khan/RTCMultiConnection-Server">https://github.com/muaz-khan/RTCMultiConnection-Server</a></p>
69<hr />
70<h1>

70WebRTC Scalable Broadcasting</h1>
71<p>This module simply initializes socket.io and configures it in a way that single broadcast can be relayed over unlimited users without any bandwidth/CPU usage issues. Everything happens peer-to-peer!</p>
72<p>Live Demo: <a href="https://muazkhan.com:9001/demos/Scalable-Broadcast.html">https://muazkhan.com:9001/demos/Scalable-Broadcast.html</a></p>
73<p><a href="https://npmjs.org/package/webrtc-scalable-broadcast"><img src="https://img.shields.io/npm/v/webrtc-scalable-broadcast.svg" alt="npm" /></a> <a href="https://npmjs.org/package/webrtc-scalable-broadcast"><img src="https://img.shields.io/npm/dm/webrtc-scalable-broadcast.svg" alt="downloads" /></a></p>
74<p>Github (open sourced): <a href="https://github.com/muaz-khan/WebRTC-Scalable-Broadcast">https://github.com/muaz-khan/WebRTC-Scalable-Broadcast</a></p>
75<hr />
76<h1>WebRTC Dashboard | Canvas2D Drawing Tool</h1>
77<p>Collaborative, extendable, JavaScript Canvas2D drawing tool, supports dozens of builtin tools, as well as generates JavaScript code for 2D animations.</p>
78<p>Live Demo: <a href="https://www.webrtc-experiment.com/Canvas-Designer/">https://www.webrtc-experiment.com/Canvas-Designer/</a></p>
79<p>Github (open-sourced): <a href="https://github.com/muaz-khan/Canvas-Designer">https://github.com/muaz-khan/Canvas-Designer</a></p>
80<p><a href="https://npmjs.org/package/canvas-designer"><img src="https://img.shields.io/npm/v/canvas-designer.svg" alt="npm" /></a> <a href="https://npmjs.org/package/canvas-designer"><img src="https://img.shields.io/npm/dm/canvas-designer.svg" alt="downloads" /></a> <a href="https://travis-ci.org/muaz-khan/Canvas-Designer"><img src="https://travis-ci.org/muaz-khan/Canvas-Designer.png?branch=master" alt="Build Status: Linux" /></a></p>
81<p>You video presentation: <a href="https://www.youtube.com/watch?v=pvAj5l_v3cM">https://www.youtube.com/watch?v=pvAj5l_v3cM</a></p>
82<hr />
83<h1>WebRTC Voice &amp; Text Translator</h1>
84<p>Translator.js is a JavaScript library built top on Google Speech-Recognition &amp; Translation API to transcript and translate voice and text. It supports many locales and brings globalization in WebRTC!</p>
85<p>Live Demo: <a href="https://www.webrtc-experiment.com/Translator/">https://www.webrtc-experiment.com/Translator/</a></p>
86<p>Github (open-sourced): <a href="https://github.com/muaz-khan/Translator">https://github.com/muaz-khan/Translator</a></p>
87<hr />
88<h1>getStats | Get WebRTC Peer Connection Stats</h1>
89<p>A tiny JavaScript library using WebRTC getStats API to return peer connection stats i.e. bandwidth usage, packets lost, local/remote ip addresses and ports, type of connection etc.</p>
90<p>Live Demo: <a href="https://www.webrtc-experiment.com/getStats/">https://www.webrtc-experiment.com/getStats/</a></p>
91<p><a href="https://npmjs.org/package/getstats"><img src="https://img.shields.io/npm/v/getstats.svg" alt="npm" /></a> <a href="https://npmjs.org/package/getstats"><img src="https://img.shields.io/npm/dm/getstats.svg" alt="downloads" /></a></p>
92<p>Github (open-sourced): <a href="https://github.com/muaz-khan/getStats">https://github.com/muaz-khan/getStats</a></p>
93<hr />
94<h1>FileBufferReader | File Sharing</h1>
95<p>FileBufferReader is a JavaScript library reads file and returns chunkified array-buffers. The resulting buffers can be shared using WebRTC data channels or socket.io. </p>
96<p>Live Demo: <a href="https://www.webrtc-experiment.com/FileBufferReader/">https://www.webrtc-experiment.com/FileBufferReader/</a></p>
97<p>Github (open-sourced): <a href="https://github.com/muaz-khan/FileBufferReader">https://github.com/muaz-khan/FileBufferReader</a></p>
98<p><a href="https://npmjs.org/package/fbr"><img src="https://img.shields.io/npm/v/fbr.svg" alt="npm" /></a> <a href="https://npmjs.org/package/fbr"><img src="https://img.shields.io/npm/dm/fbr.svg" alt="downloads" /></a> <a href="https://travis-ci.org/muaz-khan/FileBufferReader"><img src="https://travis-ci.org/muaz-khan/FileBufferReader.png?branch=master" alt="Build Status: Linux" /></a></p>
99<p>Youtube video presentation: <a href="https://www.youtube.com/watch?v=gv8xpdGdS4o">https://www.youtube.com/watch?v=gv8xpdGdS4o</a></p>
100<hr />
101<h1>

101WebRTC Video Conferencing Demos</h1>
102<ul>
103<li>Simple Demo: <a href="https://muazkhan.com:9001/demos/Video-Conferencing.html">https://muazkhan.com:9001/demos/Video-Conferencing.html</a></li>
104</ul>
105<hr />
106<h1>WebRTC File Sharing</h1>
107<ul>
108<li>Advance file sharing demo: <a href="https://muazkhan.com:9001/demos/file-sharing.html">https://muazkhan.com:9001/demos/file-sharing.html</a></li>
109</ul>
110<hr />
111<h1>WebRTC Screen Sharing</h1>
112<ul>
113<li>P2P Screen Sharing: <a href="https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/">https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/</a></li>
114<li>Simple getDisplayMedia: <a href="https://www.webrtc-experiment.com/getDisplayMedia/">https://www.webrtc-experiment.com/getDisplayMedia/</a></li>
115</ul>
116<hr />
117<h1>Ffmpeg.js demos, both for browsers and node.js</h1>
118<ul>
119<li><a href="https://github.com/muaz-khan/Ffmpeg.js">https://github.com/muaz-khan/Ffmpeg.js</a></li>
120</ul>
121<hr />
122<h1>XHR-Signaling</h1>
123<p>XHR/XMLHttpRequest based WebRTC signaling implementation.</p>
124<p>Github (open-sourced): <a href="https://github.com/muaz-khan/XHR-Signaling">https://github.com/muaz-khan/XHR-Signaling</a></p>
125<hr />
126<h1>ASP.NET MVC based WebRTC Demo</h1>
127<p>A simple WebRTC one-to-one demo written in September, 2012! It supports public rooms as well as password-protected private rooms! MS-SQL database is used as signaling gateway!</p>
128<p>Github (open-sourced): <a href="https://github.com/muaz-khan/WebRTC-ASPNET-MVC">https://github.com/muaz-khan/WebRTC-ASPNET-MVC</a></p>
129<hr />
130<h1>WebSync-Signaling</h1>
131<p>WebSync is used as signaling gateway with/for WebRTC-Experiments e.g. RTCMultiConnection.js, DataChannel.js, Plugin-free screen sharing, and video conferencing.</p>
132<p>Github (open-sourced): <a href="https://github.com/muaz-khan/WebSync-Signaling">https://github.com/muaz-khan/WebSync-Signaling</a></p>
133<hr />
134<h1>Server Sent Events (SSE) over PHP</h1>
135<p>Server Sent Events (SSE) are used to setup WebRTC peer-to-peer connections.</p>
136<p>Github (open-sourced): <a href="https://github.com/muaz-khan/RTCMultiConnection/tree/master/demos/SSEConnection">https://github.com/muaz-khan/RTCMultiConnection/tree/master/demos/SSEConnection</a></p>
137<hr />
138<h1>SignalR</h1>
139<p>SignalR project for RTCMultiConnection: <a href="https://github.com/muaz-khan/RTCMultiConnection-SignalR">https://github.com/muaz-khan/RTCMultiConnection-SignalR</a></p>
140<ul>
141<li><a href="https://github.com/muaz-khan/WebRTC-Experiment/blob/master/Signaling.md#how-to-use-signalr-for-signaling">https://github.com/muaz-khan/WebRTC-Experiment/blob/master/Signaling.md#how-to-use-signalr-for-signaling</a></li>
142</ul>
143<hr />
144<h1>Disclaimer</h1>
145<p>There is no warranty, expressed or implied, associated with thse experiments. Use at your own risk. I'm not responsible to maintain any of these experiments. So please fix bugs yourselves or simply do not use them.</p>
146<ul>
147<li><a href="https://www.webrtc-experiment.com/disclaimer/">https://www.webrtc-experiment.com/disclaimer/</a></li>
148</ul>
149<hr />
150<h1 id="license">License</h1>
151<p>All <a href="https://github.com/muaz-khan/WebRTC-Experiment">WebRTC Experiments</a> are released under <a href="https://github.com/muaz-khan/WebRTC-Experiment/blob/master/LICENSE">MIT license</a> . Copyright (c) <a href="https://muazkhan.com/">Muaz Khan</a>.</p>
152<footer style="margin-top: 20px;"><small id="send-message"></small></footer>

153<script src="https://www.webrtc-experiment.com/common.js"></script>

153

154<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5443396847776866"
155     crossorigin="anonymous"></script>

155
156</body>
157</html>