WebRTC impact to web and communication is revolutionary, it would change the way how people communicated, change mobile phone, change carrier...

1. Framework on WEBRTC
Connecting from nowhere, Connecting
from everywhere
Fan Hui

2. Index
• WEBRTC review
• Framework on Signaling: Smart Client
• Use cases
• Another Web?
• Inspired by David S. Isenberg

3. WEBRTC review ：P2P
http://www.html5rocks.com/en/tutorials/webrtc/basics/

4. WEBRTC review ：web&network
http://www.html5rocks.com/en/tutorials/webrtc/basics/
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.

5. WEBRTC review ：Signaling Possibility Today
http://chimera.labs.oreilly.com/books/1230000000545/ch18.html#_real_time_network_transports
https://bloggeek.me/siganling-protocol-webrtc/
cjb/serverless-webrtc
GAE/channel API
SIP over xxx
TogetherJS
reSIProcate
webRTC.io
Open PeerDoubango
PEERJS
Jitsi

6. Framework: Smart Client
Centralized Signaling
Browser1 Browser2 Browser n
Social Network
IM service
Homepage/Blog
email
SIP
Jingle/XMPP
Online
Identity
Conferencing
Browser3
SDP over Messenger SDP over SIP/XMPP SDPSDP over msg
Peer Broker
Directory
SDP
Legacy webrtc
P2P Mesh
SDP over P2P
APP
imbedded
SDP

7. Smart Client: x ways of communication, client
choose
Examples
Use Case
Browser WEBRTC
Centralized
Signaling
SIP
XMPP
Meet-me
Portal
Jitsi
Simplewebrtc
Imbedded
Bluemix
Homepage
P2P
Peer5
Sharefest
FH quote: Webrtc is ground breaking, not only due to technical aspects, as well as it changes the way people communicate:
how to find a person ,get connected and communicated

8. What is Smart Client
• People would use their preferred way to find
another netizen , then kick off webrtc session
and talk.
• People/web client has the choice to decide the
way of collaboration , at least they can write
their codes to achieve his way.

9. FM Framework Use Case1: Social Network
Social
Network
Browser1
Caller
Browser2
Callee
Step1:SDP offer
Step2:SDP answer
Step3:Webrtc Service established
Check this excellent demo : https://www.npmjs.com/package/serverless-webrtc

10. FM Framework Use Case2: PSTN/XMPP
SDP Over SIP
SRTP
Browser1 Browser2 Browser n
PSTN
Browser3
XMPP
Jabber
Google Voice
SIP
SIP
ISDN
gateway
Jingle
XMPP
gateway
SDP over XMPP
SRTP

11. WEBRTC, HTML5
Webrtc：another web?
Web2.0 is all about data and process, the key technology is AJAX. The core value is to make use of data
to fulfill a process without human intervention, a machine-human loop.
Webrtc would bring human to human interaction back to this machine-human loop.
Data
Dynamic Web
Ajax,
NodeJS, AngularJS, Hardoop,
Lucene, machine Learning
Collaboration
Communication Mesh
P2P
WEB2.0
WEBX.X?
+

12. English: http://www.isen.com/stupid.html
Chinese: http://www.choubb.com/?p=326
In regard to David S. Isenberg and his paper :
RISE OF THE STUPID NETWORK
David S. Isenberg在1997年5月的一个周末成文，同年6月发表在互联网，同年刊登在Internet Telephony的8月刊。
19年后再来回顾本文，仍然在文中的各个段落为作者的远见和睿智击节叫好。文中的观察和预见，不仅仅只用于
传统电话网络和互联网的变迁，在今天的web和web应用的日新月异中也具有深远的意义。可以看作是知识社会
演化的占卜书。

13. Backup

14. WEBRTC review ：Signaling example
http://www.html5rocks.com/en/tutorials/webrtc/basics/

15. WEBRTC review ：Security & ICE
http://www.html5rocks.com/en/tutorials/webrtc/basics/