P2P Video Confrencing Using HTML5 Or Javascript

I am trying to build video conferencing using html5 and javascript till now i am able to stream my camera capture and display it on canvas here is the code

Solution 1:

HTML5rocks has excellent tutorial on this.

WebRTC tutorial

To summarize below are the steps involved:-

1. Get streaming audio, video or other data.
2. Get network information such as IP address and port, and exchange this with other WebRTC clients (known as peers) to enable connection, even through NATs and firewalls. Coordinate 'signaling' communication to report errors and initiate or close sessions.
3. Exchange information about media and client capability, such as resolution and codecs.
4. Communicate streaming audio, video or data. To acquire and communicate streaming data,
   WebRTC implements the following APIs. MediaStream: get access to data streams, such as from the user's camera and microphone. RTCPeerConnection: audio or video calling, with facilities for encryption and bandwidth management. RTCDataChannel: peer-to-peer communication of generic data.

Solution 2:

You are obviously only asking for JavaScript here, but if you are a .NET or Mono dev you can install the nuget package XSockets.Sample.WebRTC, that will provide a JavaScript video conference for you... and also read this guide about it http://xsockets.net/blog/tutorial-building-a-multivideo-chat-with-webrtc