WebRTC Conference Prototype Implementation

1,281 views

Published on

WebRTC Conference Prototype Implementation

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,281
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WebRTC Conference Prototype Implementation

  1. 1.  Conference Implementation 2013 / 3 / 11 NCTU CS Hung Yu Chen
  2. 2. Introduction  Webrtc.js  Demo  Conclusion  Reference 
  3. 3. Brief & Short Review
  4. 4. <video/> <audio/>
  5. 5. Open Standard  Open Source  GIPS Codec Engine  Echo Cancellation  Packet Loss Concealment  NAT Traversal  Jitter Buffer  Cross Browser  No Plugins   Pure JavaScript APIs
  6. 6.  Web API  MediaStream  PeerConnection  DataChannel  Equip browsers with one-to-one communication ability
  7. 7. Javascript API for Conference
  8. 8.  Init createStream() • getUserMedia() connect() • Connect to the server createRoom() / joinRoom() initChat() • RTCDataChannel / Websocket
  9. 9.  Join Room createPeerConnections() • RTCPeerConnection API addStreams() addDataChannels() sendOffers()
  10. 10. init Peern Peern+1 sendOffers joinRoom sendAnswers Start the video/audio stream
  11. 11.  Node.js  Module ▪ Express ▪ Http ▪ webrtc.server.js ▪ As a WebSocket Server
  12. 12.  Events  Socket Events ▪ open, message, close  Create/Join Room Request ▪ Room List ▪ Connection List  SDP Exchange
  13. 13. WebSocket Server init Peern Peern+1 joinRoom
  14. 14.  WebRTC needs four types of server-side functionality  User discovery and communication.  signaling.  NAT/firewall traversal.  Relay servers in case peer-to-peer communication fails.
  15. 15.  Opportunities  Special Video/Audio Applications ▪ Live Streaming through smart phone, etc.  RTCDataChannel ▪ Browser-based p2p download, etc.  Communicate with deferent devices ▪ PC Browser ▪ Smart TV ▪ Smart phone ▪ Pad
  16. 16.  Real Time Communications without plugins   WebRTC Project   http://www.alanquayle.com/blog/2012/05/what-webrtc-means-to-telecoms.html Node.js   http://www.youtube.com/watch?v=E8C8ouiXHHk What WebRTC means to Telecoms   http://www.slideshare.net/loopingrage/webrtc-ecommconf-2011 Google I/O 2012 - WebRTC: Real-time Audio/Video and P2P in HTML5   http://www.webrtc.org/home WebRTC - @eCommConf 2011   http://www.html5rocks.com/en/tutorials/webrtc/basics/ http://nodejs.org/ Node.js – Express Module  http://expressjs.com/

×