Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Making WebRTC Awesome, CascadiaJS 2013

229ec15028bae7f1d4cdcfe91e2380b0?s=47 Henrik Joreteg
November 14, 2013

Making WebRTC Awesome, CascadiaJS 2013

229ec15028bae7f1d4cdcfe91e2380b0?s=128

Henrik Joreteg

November 14, 2013
Tweet

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 }}

  26. None
  27. None
  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

  57. None
  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