際際滷

際際滷Share a Scribd company logo
What is WebRTC?
蠍一郁規 / 蠍一
蠍
 IT News  WebRTC 朱 願
譯 
 朱 郁碓 螳
What is web rtc
without plugin
20142014  豐覦覃企 豐覦覃 ......
Roadmap
 WebRTC 螳
 WebRTC API
 WebRTC 襯  譯殊 觜
WebRTC 螳
WebRTC  ?
 Real-Time Communications (RTC)
Web+RTC
 覦ろ襴渚 API 襯 牛伎
 Google Mozilla, Opera  讌 覦
ろ 襦
 Mission : HTML5+Javascript API 襯 牛伎
 譴 RTC Application  螳覦 
 襦  蟆
History
 2011  5 
Ericsson   豌 蟲
 2011  10 
W3C  豌 螻旧 
 2012  2  ,
WebRTC Native APIs 2.0 (libjingle r115)
History
 2012  6 
Google I/O WebRTC Session 覦
 2013  2  ,
Firefox Chrome螳 旧 炎概
 2013  5 
Google I/O WebRTC Session れ 覦
WebRTC API
譯殊 
 Audio,Video 至鍵
 Audio,Video 旧
 蠍壱  一危磯ゼ 旧
WebRTC APIs
 MediaStream
Camera, Mic, 覃伎朱覿
ろ碁殊 詞
 PeerConnection
る , 觜るゼ 語
ろ語 蟯
 DataChannel
朱 一危 
WebSocket 螻
WebRTC APIs
MediaStream?
 一危 ろ碁殊 蠏狩  蟆 
Camera, Mic , Screen, ...
 navigator.getUserMedia()
 襷レ Photobooth  螳 危襴貅伎
 轟 蟲 螳
 Chrome, FF, Opera 豕覯 讌
API support summary
MediaStream

 + Canvas + CSS : Snapshot,  螻 , ...
 + Audio API : 轟蠍 , ...
 + JS : 手鬼語 , 覈貂′ , ...
 + PeerConnection API : 蟆  , ...
...
MediaStream  襴
MediaStream  襴
WebRTC ろ豎
MediaStream
Code
MediaStream
Ascii Camera
 http://idevelop.ro/ascii-camera/
MediaStream
WebCamToy
 http://webcamtoy.com/app/
MediaStream
Facekat
 http://shinydemos.com/facekat/
MediaStream
Tracking
 https://github.com/eduardolundgren/tracking.js
MediaStream
AudioRecorder
 http://www.webaudiodemos.appspot.com/AudioRe
MediaStream
Screen share
 https://html5-demos.appspot.com/static/getuserme
 轟覯 - SSL 
 chrome://flags/
PeerConnection?
 Signal processing
 Codec handling
 P2P Communication
Peer 炎骸 
 Security
 Bandwidth management
...
Signaling?
 Peer 螳 語覲企ゼ 蟲 蟆
SDP(Session Description Protocol) rfc3264
 PeerConnection API  讌  
 SIP, XMPP,Websocket,  ...  覦覯
 P2P ろ碁Μ覦 蠍  蠏碁襷 
 覲 蟲 朱 襭伎  .
SDP
蟲 3 螳讌 覲
 語 貉碁, 覃語
旧 豐蠍壱 , 譬襭
 覲願
 ろ語 れ
 覩碁  ル
貊 , 伎
JSEP Architecture
郁屋覲 谿剰鍵
覯  蟲
覯  蟲 
WebSocket
What is web rtc
DataChannels
 轟貅螻 讌襷 P2P
 audio/video 襯 誤
るジ 一危  ″蠍  豈
 蟆 , 覓語豈 , 殊 , ...
DataChannel
DataChannel Demo
Sharefest
 https://github.com/Peer5/ShareFest
WebRTC 覲願鍵
 chrome://webrtc-internals
WebRTC Service
OpenTok
Video Chat
 http://www.tokbox.com/
 牛  螳覦 螳
 https://vline.com/
 牛  螳覦 螳
vLine
Video Chat
Veckon
Video Chat
 http://www.veckon.com/
 IE( 襦 ), FF, Chrome 螳 旧 
螻
 覈 API 襯 
 螳  螳
 蟲
TowTruck
 https://towtruck.mozillalabs.com/
 れ螳 
 煙 蠍磯レ WebRTC
PeerCDN
 https://peercdn.com/
 DataChannel API 襯 伎 P2P CDN
 觜螻糾 覯
 襦襷 讌
Recap
Reference
 WebRTC 螻旧 危
 Getting Started with WebRTC
 WebRTC WebAPI Spec - W3C
 Ericcson Lab
 ICE,TURN and STUN for NAT Traversal
Thanks

More Related Content

What is web rtc