Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

31

Transcript of Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Page 1: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC
Page 2: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Hi! I’m David

Page 3: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

WebRTC

Page 4: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

What is WebRTC

Page 5: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Spec drafted by W3Chttp://www.w3.org/TR/webrtc/

Page 6: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Video and AudioAPIs for the browser

Page 7: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

P2P on the browser

Page 8: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

no plugins necessary**except when you want to do screen-sharing

Page 9: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

“A project to bring Realtime Communication to the Open Web Platform”

Justin Uberti at Google IO 2012

Page 10: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC
Page 11: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Why should you care

Page 12: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

• Audio and Video is hard

• Standards enable federation

• Silo’ed free Web

• Possibilities are “limitless”

• But there is more than just philanthropic reasons

Page 13: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Typed Array Conf

Page 14: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

FlexboxCon

Page 15: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

WebRTC Expo{2013, 2014, 2015}

Page 16: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC
Page 17: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Communications Engineering is still Communications Engineering

Page 18: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Full mesh

Page 19: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Bridges

Page 20: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Bridges

Page 21: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Signalling

Page 22: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

Different WebRTC spec implementations

Page 23: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

How to get started

Page 24: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

http://webrtc.github.io/samples/

Page 25: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

https://webrtchacks.com

Page 26: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

we {need, know how} how to abstract complexity

http://iswebrtcreadyyet.com/

Page 27: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

dom -> jquery websockets -> socket.io

WebRTC -> simpleWebRTC -> simple-peer

-> peerjs

Page 28: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

dom -> jquery websockets -> socket.io

WebRTC -> simpleWebRTC -> simple-peer

-> peerjs

Page 29: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

•Friends - P2P chat powered by the web

•ScreenCat - screen sharing + remote collaboration app

•WebCat - P2P pipe across the web using Github private/ public key for auth

• Instant.io - Secure, anonymous, streaming file transfer

•WebTorrent - Streaming torrent client in the browser

•PusherTC - Video chat with using Pusher. See guide.

•webrtc-explorer - P2P Overlay Network (DHT) for Resource Discovery platform in the browser

Page 30: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC
Page 31: Lisboa WebRTC - May 21, 2015 - Intro to WebRTC

THANK YOU!