Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WebRTC Reborn - Cloud Expo / WebRTC Summit

3,292 views

Published on

WebRTC has had a tough 3 or 4 years. But it's gone through a rebirth. Node.js developers are a perfect match for the technology. Come and play with it!

Talk given at Cloud Expo / WebRTC Summit in Santa Clara

Published in: Technology

WebRTC Reborn - Cloud Expo / WebRTC Summit

  1. 1. DAN JENKINS WebRTC Reborn
  2. 2. Dan Jenkins @dan_jenkins
  3. 3. Node.js Developer Love Lego & Technic General Geek Founder of Nimble Ape Ltd ❤ open source
  4. 4. github.com/danjenkins
  5. 5. @dan_jenkins
  6. 6. Nimble Ape nimblea.pe dan@nimblea.pe @nimbleapeltd
  7. 7. Node.js Consulting
  8. 8. Microservices Consulting
  9. 9. IoT Consulting
  10. 10. WebRTC Consulting
  11. 11. @dan_jenkins
  12. 12. WebRTC
  13. 13. Heard Of It?
  14. 14. Built Something?
  15. 15. Used It?
  16. 16. Appear.in Hangouts Facebook Messenger Skype for Web
  17. 17. Amazon Mayday instant.io Talky.io Screenhero
  18. 18. What Is Webrtc?
  19. 19. Web Real Time Communication
  20. 20. Peer To Peer Technology
  21. 21. Media Channel For Audio & Video
  22. 22. Data Channel For Data
  23. 23. 3 Core APIs getUserMedia RTCPeerConnection RTCDataConnection
  24. 24. Peer To Peer Communication
  25. 25. Signalling Server
  26. 26. Signalling Server
  27. 27. Signalling Server
  28. 28. 2 Peers
  29. 29. 3 Peers (Mesh)
  30. 30. *N Peers (Mesh) Disclaimer: Not Recommended 100%
  31. 31. No Plugins Disclaimer: Extensions May Be Required
  32. 32. Opens The Door For Awesome
  33. 33. Open Technology
  34. 34. Browsers, Mobiles And Other Devices
  35. 35. Web Scale
  36. 36. Little Dependence On Media Servers
  37. 37. Easier On The Wallet
  38. 38. Awesome Apps Are Being Launched
  39. 39. HTTP://WWW.BEMYEYES.ORG/
  40. 40. TELEMINDME.COM Mindme HTTP://WWW.REALTIMECOMMUNICATIONSWORLD.COM/TOPICS/REALTIMECOMMUNICATIONSWORLD/ARTICLES/404891-WEBRTC-ENROLLED-SUICIDE-PREVENTION.HTM
  41. 41. Cystic Fibrosis Telehealth In Australia HTTP://WWW.WEBRTCWORLD.COM/TOPICS/WEBRTC-WORLD/ARTICLES/334242-AUSTRALIAN-CYSTIC-FIBROSIS-TELEHEALTH-PROJECT-RELIES-WEBRTC.HTM
  42. 42. Cancer Telehealth In Texas HTTPS://DEVELOPER.IBM.COM/BLUEMIX/2015/09/16/BLUEMIX-AND-TWILIO-AT-KRANKYGEEK-2015/
  43. 43. Developers Are Building Apps That Help Humanity
  44. 44. WebRTC Reborn
  45. 45. A Brief History Of Time Webrtc…
  46. 46. It’s 4 Years Old!
  47. 47. You Always Mess Up The First Child
  48. 48. We Messed Up.
  49. 49. At The Start, Everyone Was So Excited!
  50. 50. Countless Talks At Conferences
  51. 51. Look Ma, No Plugins!
  52. 52. “It’s Freaking Awesome!”
  53. 53. Developers Went And Tried It
  54. 54. And Usually Failed
  55. 55. We Didn’t Tell Developers About The Complicated Stuff
  56. 56. Heard Of STUN Or TURN?
  57. 57. We Failed You.
  58. 58. But… That’s All Changed
  59. 59. What’s Changed?
  60. 60. Strong Community
  61. 61. Three Google Developer Experts
  62. 62. WebRTC Weekly HTTPS://WEBRTCWEEKLY.COM/
  63. 63. WebRTC Hacks HTTPS://WEBRTCHACKS.COM/
  64. 64. WebRTC Hacks Article Page Views 36,780 28,217 20,645 20,295 19,944 15,365 15,114 HTTPS://WEBRTCHACKS.COM/
  65. 65. Browser Support
  66. 66. Chrome On Desktop
  67. 67. Chrome On Android
  68. 68. Firefox
  69. 69. Opera On Desktop
  70. 70. Microsoft Edge (ORTC)
  71. 71. Who’s Missing?
  72. 72. Safari Desktop & Mobile
  73. 73. But… There’s Hope!
  74. 74. Apple Put An Engineer On The WebRTC-In-Webkit Project
  75. 75. And Contributed To getUserMedia
  76. 76. This Is HUGE News!
  77. 77. But Wait.. There’s More.
  78. 78. This Is HUGE News!
  79. 79. All Those Supported Browsers… Their Support And Progress Is Awesome
  80. 80. Move Fast. Don’t Break Things.
  81. 81. And We Have Plugins For IE And Safari
  82. 82. Temasys
  83. 83. Api & Browser Status Check iswebrtcreadyyet.com
  84. 84. Simple Signalling
  85. 85. You Need A Signalling Server
  86. 86. Who Knew?! It’s Not All Peer To Peer
  87. 87. Open Source Signalling Servers
  88. 88. socket.io P2P HTTP://SOCKET.IO/BLOG/SOCKET-IO-P2P/
  89. 89. matrix.org
  90. 90. asterisk
  91. 91. signalmaster HTTPS://GITHUB.COM/ANDYET/SIGNALMASTER
  92. 92. And many many others
  93. 93. Documentation!
  94. 94. https://github.com/webrtc https://bitbucket.org/webrtc/ codelab
  95. 95. https://github.com/muaz-khan https://www.webrtc-experiment.com
  96. 96. https://github.com/webrtc/samples http://webrtc.github.io/samples/ g.co/webrtc
  97. 97. STUN & TURN Servers
  98. 98. You Still Don’t Know What They Do. Do You?
  99. 99. STUN SIRI, WHAT’S MY IP ADDRESS? HERE’S YOUR ADDRESS: SANTA CLARA CONVENTION CENTER 5001 GREAT AMERICA PKWY SANTA CLARA CA 95054 USA Siri Wouldn’t Make A Good Stun Server
  100. 100. TURN (Media Relay)
  101. 101. More Choice
  102. 102. Docker Images
  103. 103. Don’t Forget!… You Need To Address A Stun Server In Your App!
  104. 104. Google Give You Some! STUN.L.GOOGLE.COM:19302 STUN1.L.GOOGLE.COM:19302 STUN2.L.GOOGLE.COM:19302 STUN3.L.GOOGLE.COM:19302 STUN4.L.GOOGLE.COM:19302 There Are Many Others!
  105. 105. Don’t Repeat History Use A STUN Server!
  106. 106. Modules On npm
  107. 107. Many Open Source Wrappers
  108. 108. adapter.js HTTPS://GITHUB.COM/WEBRTC/ADAPTER
  109. 109. PeerJS HTTPS://GITHUB.COM/PEERS
  110. 110. easyRTC HTTPS://GITHUB.COM/PRIOLOGIC/EASYRTC
  111. 111. SimpleWebRTC HTTPS://SIMPLEWEBRTC.COM/
  112. 112. Many Many Others
  113. 113. PaaS Use Them!
  114. 114. Xura … (Forge) … (Acision) Kandy Tokbox Twilio Respoke Cisco … (Tropo) Plus Many Others…
  115. 115. And Finally Mobile…
  116. 116. Huge Performance Gains
  117. 117. 5X Faster Rendering WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
  118. 118. Huge Improvements In GPU And CPU Usage… Huge Impact On Battery Usage WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
  119. 119. Audio Improvements On Android And Ios WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
  120. 120. Hardware Encoder Support For Video Android & iOS WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
  121. 121. Cordova iOS Plugin HTTPS://GITHUB.COM/EFACE2FACE/CORDOVA-PLUGIN-IOSRTC
  122. 122. Improvements Being Delivered All The Time
  123. 123. www.slideshare.net/webrtclive/ kranky-geek-google-team https://youtu.be/HCE3S1E5UwY
  124. 124. I Could Go On For Another Hour!
  125. 125. It’s Time To Give WebRTC Another Go
  126. 126. Is Webrtc Production Ready?
  127. 127. Heck Yes!
  128. 128. We Need You!
  129. 129. Go Use It!
  130. 130. Finally… Nimble Ape Are Hiring Real Time Communications Developers!
  131. 131. Thanks! nimblea.pe dan@nimblea.pe @dan_jenkins
  132. 132. HTTPS://FLIC.KR/P/5NIWPA HTTPS://FLIC.KR/P/QM4GV8 HTTPS://FLIC.KR/P/SSEIJN HTTPS://FLIC.KR/P/JLCHJB HTTPS://FLIC.KR/P/RWFRTY HTTPS://FLIC.KR/P/VJUQAD HTTPS://FLIC.KR/P/7QCDDW HTTPS://FLIC.KR/P/7RAG5D HTTPS://FLIC.KR/P/74YRXM HTTP://IMGUR.COM/GALLERY/IWKAD22 HTTP://VIGNETTE1.WIKIA.NOCOOKIE.NET/MEMORYALPHA/IMAGES/3/35/ KIRK_FIRES_A_PHASER_RIFLE_AT_MITCHELL.JPG/REVISION/LATEST? CB=20110406030833&PATH-PREFIX=EN

×