Making WebRTC Awesome, CascadiaJS 2013

Transcript

1. Making WebRTC Awesome CascadiaJS 2013 @HenrikJoreteg
2. WHAT DOES WebRTC MAKE YOU THINK OF?
3. Hype? Is it ready to use? Websockets re-invented What’s the big deal?
4. Making animated GIFs! http://chat.meatspac.es
5. So what’s the big deal? it’s just another new web technology.
6. TypedArray Expo 2013!
7. FlexBox Expo 2013!
8. NOPE
9. THIS IS AN ACTUAL THING: WebRTCExpo.com
10. CLEARLY SOMETHING UNIQUE IS GOING ON HERE
11. LET’S SORT THIS OUT
12. WHAT IS WEBRTC REALLY?
13. new RTCPeerConnection();
14. new RTCPeerConnection();
15. WebSockets
    SERVER CLIENT
16. WebRTC
    PEER PEER
17. low-latency
    peer-to-peer
    networking
    in the browser
18. WHY WOULD YOU CARE?
19. BUILD COOL SH!T
20. WHAT CAN YOU DO?
21. AUDIO / VIDEO
22. BUILD YOUR OWN TELECOM WITH JAVASCRIPT
23. SUPER INEXPENSIVE
24. PICTURE OF KIDS Talky.io
25. talky.io/{{ insert anything }}
28. ~7,000k Video Calls Connected/Week
29. REAL
30. NOW
31. VIDEO or AUDIO or BOTH + SCREENSHARING*
32. WHAT ELSE?
33. SURVEILLANCE SYSTEMS BABY MONITORS CONTROL ELECTRON MICROSCOPE INTERCOM SYSTEMS ALWAYS-ON OFFICE PORTALS DISTRIBUTED TEAM COLLABORATION PEER-REPLICATED BROADCASTING PIRATE RADIO
34. P.S. THE QUALITY IS IMPRESSIVE
35. DATA CHANNELS!
36. HALF-BAKED BUT AMAZING
37. WHAT CAN YOU DO?
38. File Transfer?
39. YEP: https://www.sharefest.me/
40. WEB-BASED BIT TORRENT?
41. YEP: https://github.com/feross/webtorrent
42. PEER-SEEDED CDN?
43. YEP: https://peercdn.com/
44. MULTI-PLAYER WEBGL GAMES?
45. YEP: https://hacks.mozilla.org/2013/03/webrtc-data-channels-for-great-multiplayer/
46. {{ YOUR IDEA }}
47. andyet.com
48. BUILDING
    SOFTWARE
    WE BELIEVE
    SHOULD EXIST
49. XMPP: FEDERATED COMMUNICATION
50. PHONE SYSTEMS ARE FEDERATED
51. WHO ARE THE NEXT GENERATION OF TELECOMS?
52. FACEBOOK GOOGLE MICROSOFT APPLE
53. FB MESSENGER HANGOUTS SKYPE FACETIME
54. FACETIME VOICE? LOLz!
55. NONE OF THEM FEDERATE WITH EACH OTHER
56. WEB-BASED FEDERATED ALTERNATIVE? WEBRTC + XMPP + JINGLE
58. https://otalk.im
59. Stanza.io https://github.com/legastero/stanza.io ! Jingle.js https://github.com/legastero/jingle.js
60. WEBRTC IS HERE
61. WebRTC needs more
    Open Web hackers
62. Tinkerability
63. DOM WebSockets hardware WebRTC jQuery socket.io
    Arduino SimpleWebRTC
64. SimpleWebRTC var webrtc = new SimpleWebRTC({! localVideoEl: 'localVideo',! remoteVideosEl: 'remotesVideos',! autoRequestMedia: true! });! ! webrtc.on('readyToCall', function () {! webrtc.joinRoom('room name');! });!
65. SimpleWebRTC.com
66. PeerJS
    OpenTok
    RTCMultiConnection
    (https://www.webrtc-experiment.com)
67. feedback
    file bugs
    improve APIs
    push for interoperability
68. IsWebRTCReadyYet.com
69. CRAZY FAST PROGRESS
70. NOV. 2011 FIRST HEARD OF WEBRTC FROM CHRIS BLIZZARD AT FIRST REALTIME CONF
71. JAN. 2012 FEASIBILITY INQUIRY FROM WORKFACE
72. JUNE 2012 INTERNAL DEMO FOR AT&T
73. JAN. 2013 att.js at CES
74. TODAY 1,000,000,000 WebRTC Capable Browsers
75. IN LESS THAN 5 YEARS WEBRTC WILL BE THE #1 WAY PEOPLE MAKE VOICE CALLS
76. THANKS! @HenrikJoreteg