WebRTC Experiments & Demos » Source code on Github!

Featured Demos

1. Recordings in the browsers!
   
   1. RecordRTC Demo
      Last updated at February 26, 2016 08:48:29
   2. MediaStreamRecorder.js Demos
      Last updated at September 19, 2015 17:23:39
   Supports: Edge,Chrome,Firefox,Opera (including Android)
   You can even Record WebPage!
   Last updated at January 27, 2016 12:36:36
2. Scalable Audio/Video/Screen and File Sharing
   Share files or audio/video/screen with unlimited users.
3. Convert your voice into 44+ other languages!
   Voice and Text Translation!
   Last updated at October 15, 2015 04:31:47
4. Canvas Drawing Tool
   Collaborative HTML Canvas Drawing Tool
   Last updated at January 18, 2016 05:51:27
   
   Allows you draw all possible shapes, write texts, redo/undo changes, drag/move single or all shapes, sync changes among all connected peers, share audio/video/screen/files/chat in parallel etc.
   Even allows you get HTML-Canvas-2D codes that you can use in your own 2d-projects!
5. Video Conferencing:
   1. Simple Conferencing
      Last updated at January 11, 2016 12:12:17
   2. Advance Skype-like Conferencing
      Last updated at August 16, 2015 07:21:40
   Supports: Chrome,Firefox,Opera,IE and Safari.
6. File Sharing
   1. FileBufferReader.js Demo
      Last updated at February 15, 2016 09:33:39
   2. Multi-user file sharing + text chat
      Last updated at January 11, 2016 12:12:43
   3. RTP based file sharing
      Last updated at November 21, 2015 12:47:26
   There is a chrome-extension to share files as well!
7. Screen Sharing
   1. Chrome Screen Sharing Extension
   2. Standalone Screen Sharing Demo
      Last updated at October 04, 2015 08:44:34
   3. Screen Sharing using Screen.js
      Last updated at January 08, 2016 11:08:14
   4. Screen Sharing using RTCMultiConnection.js
      Last updated at January 11, 2016 12:12:59
   Even there is a chrome extension to share tabs.

RTCMultiConnection Demos

Experiment Name	Demo	Source
RTCMultiConnection v3.0	Source	Demos
WebRTC Scalable Broadcast	Source	Demos
RTCMultiConnection client using Reliable Signaler		Source
HTML5 Canvas Designer / A plugin Last updated at January 18, 2016 05:51:27	Demo	Source
Conversation.js : A library runs top over RTCMultiConnection Last updated at February 12, 2015 14:08:23	Demo	Source
PluginRTC: Microsoft Old IE and Safari support in RTCMultiConnection		Source
MultiRTC demos in WebSockets/Socket.io and Firebase	Demo	Source
Remote Stream Forwarding & Relaying Last updated at February 17, 2016 11:35:02	Demo	Source
AppRTC like RTCMultiConnection demo!	Demo	Source
Collaborative Canvas Designer	Demo	Source
All-in-One test	Demo	Source
Multi-Broadcasters and Many Viewers	Demo	Source
Select Broadcaster at runtime	Demo	Source
OneWay Screen & Two-Way Audio	Demo	Source
Stream Mp3 Live	Demo	Source
Socket.io auto Open/Join rooms	Demo	Source
Screen Sharing & Cropping	Demo	Source
Share Part of Screen without cropping it	Demo	Source
getMediaDevices/enumerateDevices	Demo	Source
Renegotiation & Mute/UnMute/Stop	Demo	Source
Video-Conferencing	Demo	Source
Video Broadcasting	Demo	Source
Audio Conferencing	Demo	Source
Multi-streams attachment	Demo	Source
Admin/Guest audio/video calling	Demo	Source
Session Re-initiation Test	Demo	Source
Preview Screenshot of the room	Demo	Source
RecordRTC & RTCMultiConnection	Demo	Source
Explains how to customize ice servers; and resolutions	Demo	Source
Mute/Unmute and onmute/onunmute	Demo	Source
One-page demo: Explains how to skip external signalling gateways	Demo	Source
Password Protect Rooms: Explains how to authenticate users	Demo	Source
Session Management: Explains difference between "leave" and "close" methods	Demo	Source
Multi-Sessions Management	Demo	Source
Customizing Bandwidth	Demo	Source
Users ejection and presence detection	Demo	Source
Multi-Session Establishment	Demo	Source
Group File Sharing + Text Chat	Demo	Source
Audio Conferencing + File Sharing + Text Chat	Demo	Source
Join with/without camera	Demo	Source
Screen Sharing	Demo	Source
One-to-One file sharing	Demo	Source
Manual session establishment + extra data transmission	Demo	Source
Manual session establishment + extra data transmission + video conferencing	Demo	Source
takeSnapshot i.e. Take Snapshot of Local/Remote streams	Demo	Source
Audio/Video/Screen sharing and recording	Demo	Source
Broadcast Multiple-Cameras	Demo	Source

Part of screen sharing

1. RTCMultiConnection.sharePartOfScreen!
   Last updated at January 11, 2016 12:12:22
2. Live screen sharing and cropping!
   Last updated at January 11, 2016 12:12:37
3. Part of screen sharing using Firebase
   Last updated at February 12, 2015 13:38:30
4. Part of screen sharing using WebRTC Data Channel
   Last updated at January 15, 2016 10:50:51
5. Part of iframe sharing
   Last updated at February 12, 2015 13:38:30
6. NoWebRTC Realtime text chat!
   Last updated at February 12, 2015 13:38:34
7. Part of screen capturing and recording
   Last updated at January 27, 2016 12:36:36

RecordRTC

1. RecordRTC Main Demo
   Last updated at February 26, 2016 08:48:49
2. RecordRTC / PHP / FFmpeg
3. Audio+Video Recording on Firefox
4. HTML/Canvas Recording!
   Last updated at January 27, 2016 12:36:36
5. RecordRTC-to-Nodejs
6. RecordRTC-to-PHP
   Last updated at January 08, 2016 09:48:12
7. RecordRTC-to-ASP.NET MVC
8. MRecordRTC and writeToDisk/getFromDisk!
   Last updated at February 26, 2016 08:48:56
9. RecordRTC-to-Socket.io

MediaStreamRecorder

1. Video Recording
   Last updated at October 05, 2015 05:27:10
2. Audio Recording
   Last updated at October 05, 2015 05:27:08
3. Gif Recording
   Last updated at October 05, 2015 05:27:09
4. Audio+Video Recording
   Last updated at October 05, 2015 05:27:07

You can even record entire meeting using pure JavaScript API!
https://github.com/streamproc/Record-Entire-Meeting

ffmpeg-asm.js and RecordRTC! / Github

1. Transcoding WAV into Ogg
   Last updated at October 05, 2015 05:42:59
2. Transcoding WebM into mp4
   Last updated at October 05, 2015 05:43:00
3. Transcoding WebM into mp4; then merging WAV+mp4 into single mp4
   Last updated at October 05, 2015 05:42:59
4. Recording Audio+Canvas and merging in single mp4
   Last updated at October 05, 2015 05:42:57

WebRTC Libraries

1. RecordRTC.js — Audio+Video recording in the browser!
   Last updated at February 26, 2016 08:48:29 —

   RecordRTC is a server-less (entire client-side) JavaScript library can be used to record WebRTC audio/video media streams. It supports cross-browser audio/video recording.

   1. RecordRTC Documentation
   2. RecordRTC Main Demo — Last updated at February 26, 2016 08:48:49

2. Translator.js — Voice Translation in about 41-languages!
   Last updated at October 15, 2015 04:31:47

   Translator.js is a library for voice & text transcription and translation.

   1. Translator.js Documentation
   2. Translator.js Demo — Last updated at October 15, 2015 04:39:14

3. RTCMultiConnection.js — WebRTC Library supporting everything!
   Last updated at February 19, 2016 09:57:22 —

   RTCMultiConnection is a JavaScript wrapper library for RTCWeb i.e. WebRTC APIs. It is one of the most quickly updated, highly customizable, totally free WebRTC library out there. Whatever you can imagine, relevant APIs are available in RTCMultiConnection! Its coding-style is simlar like WebSockets JavaScript API, and nothing is hidden from end-developers. You'll have full control over every single bit; whether it is signaling implementation or complex renegotiations. It can fit in any situation, in any environment, and it is MIT Licenced, which means that you can use it in any commercial/non-commercial product.

   1. Source Code
   2. RTCMultiConnection Demos — Last updated at February 12, 2016 08:45:09
   3. RTCMultiConnection Documentation
   4. RTCMultiConnection Wiki Pages

4. getScreenId.js — Single chrome-extension to capture screen on any domain!
   Last updated at October 24, 2015 07:51:13

   Simply use getScreenId.js and enjoy screen capturing from any domain. You don't need to deploy chrome extension yourself. You can refer your users to install this chrome extension instead. Also, getScreenId.js auto-fallbacks to command-line based screen capturing if chrome extension isn't installed or disabled. getScreenId.js throws clear exceptions which is helpful for end-user experiences.

   1. Source Code
   2. getScreenId.js Demo — Last updated at October 24, 2015 07:45:50

5. Conversation.js — A library with simplest API
   Last updated at February 12, 2015 14:08:23 —

   Conversation.js is inspired by skype; and it provides simple events-like API to manage conversations, enable/disable media devices; add/download files; and do anything supported by Skype.
   
   It allows you open data conversation between two or more users using their user-ids.

   1. Source Code
   2. Conversation.js Demos — Last updated at August 09, 2014 07:56:37

6. DataChannel.js — A library for Game-Developers and file sharing!
   Last updated at February 10, 2016 15:24:28 —

   DataChannel.js is a library for peer-to-peer data/text/file sharing.

   1. DataChannel Documentation
   2. DataChannel Main Demo — Last updated at February 10, 2016 15:32:36

7. DetectRTC.js — Detect WebRTC features availability in target browser!
   Last updated at January 08, 2016 18:00:18 —

   DetectRTC.js is a library to detect WebRTC features like whether user has microphone or webcam installed; etc.

   1. DetectRTC Documentation
   2. DetectRTC Main Demo — Last updated at January 08, 2016 18:00:40

8. getMediaElement.js — A layout for the video element!
   Last updated at September 17, 2014 19:30:34

   getMediaElement.js is a library to easily customize and use custom <audio> and <video> elements with rich-set of controls.

   1. getMediaElement Documentation
   2. getMediaElement Main Demo — Last updated at August 19, 2014 03:24:52

9. ffmpeg.js — Audio+Video processing in the browser!
   Last updated at October 05, 2015 05:46:13

   ffmpeg-asm.js is a library can be used to transcode, mux and merge videos inside the browsers. These demos are using RecordRTC to get recorded audio/video array-buffers and encoding in ogg/mp4 using ffmpeg-asm.js.

   1. ffmpeg Documentation
   2. ffmpeg Demos — Last updated at October 05, 2015 05:46:13

10. FileBufferReader.js — A library for reading & sharing files as array-buffers
    Last updated at May 16, 2015 05:11:21 —

    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. Share files same as Skype do!
    
    FileBufferReader is added to support controlled-buffers transmissions whilst following Skype's file sharing style.

    1. FileBufferReader Documentation
    2. FileBufferReader Main Demo — Last updated at February 15, 2016 09:33:39

11. MediaStreamRecorder.js — Cross-browser audio/video/screen recording
    Last updated at September 19, 2015 17:23:39 —

    Cross browser audio/video/screen recording. It supports Chrome, Firefox, Opera and Microsoft Edge. It even works on Android browsers. It follows latest MediaRecorder API sandards and provides similar APIs.

    1. MediaStreamRecorder Documentation
    2. MediaStreamRecorder Demos — Last updated at October 05, 2015 05:30:27

12. getStats.js — WebRTC getStats API wrapper!
    Last updated at February 08, 2016 11:21:36 —

    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.

    1. getStats Documentation

Multi-user Conferencing Demos

1. 1. Video conferencing
      Last updated at February 12, 2015 13:39:30
   2. Meeting.js
      Last updated at February 14, 2016 08:40:26
2. Video one-way broadcasting
   Last updated at February 12, 2015 13:39:35
3. 1. Text chat
      Last updated at February 12, 2015 13:37:24
   2. Text chat Demo-2
      Last updated at February 12, 2015 13:39:22
4. File sharing
   1. RTP-based demo
      Last updated at November 21, 2015 12:47:26
   2. SCTP-based Demo
      Last updated at October 24, 2015 13:28:20
   3. Other Demo
      Last updated at February 12, 2015 13:37:47
5. Pre-recorded media streaming — Streaming local files instead of webcam! / Demo
   Last updated at February 12, 2015 05:04:41

Experimental

1. Recording Remote Audio Streams / RecordRTC
   Last updated at January 29, 2016 06:08:35
2. Attaching Remote Media Streams
   Last updated at September 17, 2013 02:00:59
3. mozCaptureStreamUntilEnded for pre-recorded media streaming
   Last updated at January 21, 2016 08:41:48
4. Scenarios when any single ICE Server gets down!
   Last updated at August 09, 2014 11:39:31

DataChannel —

1. DataChannel basic demo
   Last updated at February 10, 2016 15:32:36
2. Auto Session Establishment
   Last updated at April 27, 2015 07:12:08
3. Text Chat using Pusher and DataChannel.js

1. SdpSerializer.js — An easiest way to modify SDP. It is an object-oriented way of sdp declaration, manipulation and serialization.
2. RTCall.js — A library for Browser-to-Browser audio-only calling
   Last updated at February 12, 2015 13:39:07
3. Socket.io over Node.js — Demo
4. WebSocket over Node.js — Demo
5. WebSync/C#/ASP.NET for Signaling — Demo
6. navigator.customGetUserMediaBar.js : Keep Users Privacy! / Demo
   Last updated at July 17, 2014 04:49:09

One-page demos

1. Switch streams from screen-sharing to audio+video
   Last updated at February 01, 2014 04:18:49
2. Share screen and audio/video from single peer connection!
   Last updated at February 01, 2014 04:18:49
3. Text chat using RTCDataChannel APIs
   Last updated at February 01, 2014 04:18:46
4. Direct video sharing without using external signaling methods
   Last updated at May 01, 2014 10:15:00
5. Video sharing using socket.io for signaling
   Last updated at February 01, 2014 04:18:45
6. Video sharing using websockets for signaling
   Last updated at February 01, 2014 04:18:47
7. MediaStreamTrack.getSources
   Last updated at November 14, 2015 06:36:36

Documentations / Tutorials

1. WebRTC PeerConnection Tutorial
2. How to use RTCPeerConnection?
3. How to use RTCDataChannel APIs?
4. How to use RTCDataChannel & RTCPeerConnection.js?
5. RTCDataChannel for Beginners
6. WebRTC for Beginners
7. WebRTC for Newbies
8. How to video conferencing in WebRTC?
9. How to share files using RTCDataChannel APIs?
10. STUN or TURN? Which one to prefer; and why?
11. WebRTC RTP Usage
12. How to switch streams?
13. How to echo cancellation? / Noise management?
14. Share files using File.js
15. WebRTC Signaling Concepts
16. TURN server installation Guide
17. webrtcpedia!

Other Tutorials

1. Are you a newcomer and want to learn WebRTC?
2. WebRTC Tips & Tricks for newbies and beginners
3. Disable ICE Trickling
4. WebRTC for ASP.NET developers
5. Google+ page for many quick tutorials!
6. WebRTC relevant Quora Answers
7. WebRTC relevant Stackoverflow Answers
8. WebRTC relevant Disqus.com Answers/Comments

One-to-One

1. Audio-only calls
   Last updated at July 21, 2014 15:21:33
   
   WebRTC 1:1 (One-to-One) Calls
   Last updated at January 05, 2016 17:28:57
2. Using WebSockets for signaling Last updated at February 27, 2015 13:11:34
3. Using socket.io for signaling Last updated at February 12, 2016 08:53:56

Broadcasting

1. Video broadcasting
   Last updated at April 21, 2015 02:52:53
   
   Video broadcasting Demo-2
   Last updated at February 12, 2015 13:38:21
2. Audio broadcasting
   Last updated at February 12, 2015 13:37:14
   
   Audio broadcasting Demo-2
   Last updated at February 12, 2015 13:38:16

Conversation.js / Demos —

1. AndroidRTC
   Last updated at October 24, 2015 14:03:01
2. Search Users
   Last updated at October 24, 2015 13:58:08
3. Cross-Language (Multi-Lingual) Text Chat
   Last updated at October 24, 2015 13:58:08

Feedback