This document discusses the rise of peer-to-peer communication on the web through WebRTC. WebRTC allows real-time communication like audio and video calls directly in web applications without plugins. It consists of APIs for getting media, creating peer connections, and exchanging data between peers. WebRTC enables embedded contextual communication across different applications on various platforms, though support is still limited on some browsers.

1. The year of the peer-to-peer web
@serrynaimo

2. is a web dev for 17 years
lives in Singapore
loves great UX
organizes JSConf.Asia and CSSConf.Asia
mentors at SEA’s first startup accelerator JFDI
helps developers use WebRTC
Thomas
@serrynaimo

3. A set of JavaScript APIs in the
browser to enable
peer-to-peer, real-time media
and data exchange
WebRTC
@serrynaimo

4. WebRTC
getUserMedia
RTCPeerConnection
RTCDataChannel
consists of
@serrynaimo

5. Internet
Communication
@serrynaimo

6. Usual web communication
@serrynaimo

7. Peer-to-peer mesh
@serrynaimo

8. WebRTC and Signaling
Known party
A B
ICE
@serrynaimo

9. everything requiring the lowest latency/fastest
possible between individual peers, like
- Audio/Video Calling
- Conferencing
- Live presentations
- Direct file transfer
- Synced music streaming
Resilient, decentralized mesh networking for
- Sensor data exchange
- File/Content distribution
It’s great for
@serrynaimo

10. everything requiring reliable data transport, like
- Traditional music or video streaming
asyncronous communication
- Persistant chat
- Gaming (single event bus)
Don’t use it for
@serrynaimo

11. Audio/Video
Calling
@serrynaimo

12. by typing their number into your phone
installing Skype and exchanging names
get Gmail address, add contact, use hangouts
Usual “web” calling
Talk to anybody
@serrynaimo

13. Real-time communication
as a feature in any app or
website
WebRTC
@serrynaimo

14. enables embedded,
contextual communication
WebRTC
@serrynaimo

15. host on Travelmob/Airbnb
Uber/Lyft driver
Doctor on Medifi/Teladoc
Restaurant on Hungrygowhere/Yelp
Property agent on 99.co/Realtor
Customer support through Zendesk/Freshdesk
Your friends in WhatsApp/Line/Snapchat
Seller on Carousel/eBay
…
WebRTC
Call your
@serrynaimo

16. Peer Introduction
Known party
A B
ICE
A simple message broker to facilitate the
connection establishment between peers.
Signaling Service
@serrynaimo

17. Media Relaying
A B
representing you as a peer if a direct connection
to your device can not be established (e.g. due
to firewall constraints)
TURN
Firewall
TURN for B
@serrynaimo

18. Media Relaying
@serrynaimo

19. Media Relaying
relaying media streams to reduce amount of
connections and CPU use on your device in
multi-party sessions
MCU/SFU
SFU
@serrynaimo

20. @serrynaimo

21. Media Streaming/
Content Delivery
@serrynaimo

22. CDN Delivery
CDN Edge Location
@serrynaimo

23. @serrynaimo

24. What about …
npm install wrtc
@serrynaimo

25. Using WebRTC today
@serrynaimo

26. Subtle differences in
Using WebRTC today
@serrynaimo

27. Not supported in IE/Safari
Using WebRTC today
@serrynaimo

28. Using WebRTC today
Edge shipping WebRTC supportEdge shipping ORTC support
WebRTC and ORTC will converge
@serrynaimo

29. https://github.com/Temasys/AdapterJS
“Polyfill/Shims/Helpers for WebRTC/ORTC”
@serrynaimo

30. IE and Safari Plug-In Download
Using WebRTC today
@serrynaimo

31. WebRTC on Android with
Using WebRTC today
@serrynaimo

32. Safari on iOS?
Using WebRTC today
http://webrtcinwebkit.org
Plenty of Objective C / Swift SDKs for native apps
@serrynaimo

33. SCREENSHARING
One more thing…
using http://github.com/Temasys/AdapterJS
@serrynaimo

34. You CAN use WebRTC today!
Really!
@serrynaimo

35. Thomas Gorissen
http://skylink.io
@serrynaimo