WebRTC allows for real-time communications directly in the browser via JavaScript APIs. It aims to enable rich, high-quality real-time communications applications. The first implementation was built by Ericsson in 2011 and it has since progressed, with Firefox and Chrome achieving interoperability in 2013. The key APIs included are MediaStream for camera/mic access, PeerConnection for audio/video calls, and DataChannels for other data transfer like in gaming. Signaling is needed to exchange session information before peer-to-peer streaming can begin. WebRTC continues to be supported by browsers and has potential uses like video chat, file sharing, and real-time collaboration.

1. WebRTC Summary
Simplex Internet / Research Institute / Jeong, Ki-Chul
2013. 5. 23

2. WebRTC?
• Real-Time Communications (RTC)
Web+RTC
• via simple Javascript APIs
• Open project supported
by Google, Mozilla, Opera

3. Mission
• To enable
rich, high quality RTC Application
To be developed in the browser
Via HTML5 + Javascript API

4. History
• May 2011,
Ericsson built the first implementation
• Oct 2011,
First Public Working Draft - W3C
• Feb 2012,
WebRTC Native APIs 2.0 (libjingle r115)
• June 2012,
WebRTC Session at Google I/O
• Feb 2013,
Firefox and Chrome interop achieved
• May 2013,
WebRTC Session at Google I/O
..
...

5. APIS

6. MediaStream
• aka getUserMedia
• Get access to data streams
- Camera and MIC

7. MediaStream - Code

8. Use case of MediaStream
• like Photobooth on mac
• + CSS : Filter, Effect ..
• + Canvas : Snapshot ..
• + PeerConnection : Video Chat ..
• + JS : Face detection …

9. Signaling
• not part of the PeerConnection API
• whatever messaging protocol they prefer
SIP or XMPP, WebSocket, appropriate…
• The exchange of information via signaling
must have completed successfully
before peer-to-peer streaming can begin.

10. JSEP Architecture

11. Signaling sample

12. 3 types of information to exchange
• Session control messages
to initialize communication
to close communication
to report errors
• Network configuration
• Media capabilities
codecs, resolutions

13. PeerConnection
• audio or video calling
with facilities
for encryption&bandwidth management
• Create a peer instance
• Most important API of 3

14. WebRTC Architecture

15. Finding connection candidates

16. WebRTC data pathways

17. DataChannels
• Like websocket, but peer 2 peer
• Other types of data, not audio/video
• Use case
Gaming, text chat, file transfer, …

18. Receiving…
Sending…

19. WebRTC support summary

20. WebRTC Service
• TowTruck
website to collaborate in real-time
• PeerCDN
P2P CDN
private beta, currently only chrome
• Veckon
WebRTC Video Chat
• Vline
WebRTC for integration

21. References
• HTML5rocks WebRTC
• W3C WebRTC
• WebRTC Official Site
• Ericsson Lab
• ICE, TURN and STUN for NAT Traversal

22. THANKS