O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Twilio Signal 2016 WebRTC Reborn

607 visualizações

Publicada em

Twilio Signal 2016 presentation by Dan Jenkins on building WebRTC apps

Publicada em: Software
  • Seja o primeiro a comentar

Twilio Signal 2016 WebRTC Reborn

  1. 1. WebRTC Reborn Dan Jenkins @dan_jenkins
  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 / IoT / VoIP/WebRTC Consulting (Anything real-time)
  8. 8. WebRTC
  9. 9. Heard of it?
  10. 10. Built something with it?
  11. 11. Used it?
  12. 12. Built with WebRTC
  13. 13. What is WebRTC?
  14. 14. Web Real Time Communication
  15. 15. Secure by design
  16. 16. Peer to Peer Technology
  17. 17. Media Channel for Audio & Video
  18. 18. Data Channel for almost any kind of Data
  19. 19. 3 Core JavaScript APIs getUserMedia RTCPeerConnection RTCDataChannel
  20. 20. Peer To Peer Communication
  21. 21. Signalling Server / Protocol
  22. 22. It's not magic...
  23. 23. Signalling Server / Protocol
  24. 24. Signalling Server / Protocol
  25. 25. 2 Peers
  26. 26. 3 peers (Mesh)
  27. 27. *n peers (Mesh) (Not Recommended for all situations)
  28. 28. No plugins (Browser extensions are required for screensharing)
  29. 29. Opens the door for Awesome
  30. 30. Open Technology
  31. 31. Browsers, Mobiles and Other Devices
  32. 32. Web Scale
  33. 33. Little Dependence on Media Servers
  34. 34. Easier on the wallet
  35. 35. Awesome apps are being launched
  36. 36. Be My eyes 38 http://www.bemyeyes.org/
  37. 37. Mindme http://www.realtimecommunicationsworld.com/topics/realtimecommunicationsworld/articles/404891-webrtc-enrolled-suicide-prevention.htm
  38. 38. Cystic Fibrosis Telehealth In Australia http://www.webrtcworld.com/topics/webrtc-world/articles/334242-australian-cystic-fibrosis-telehealth-project-relies-webrtc.htm
  39. 39. Cancer Telehealth in Texas https://developer.ibm.com/bluemix/2015/09/16/bluemix-and-twilio-at-krankygeek-2015/
  40. 40. Developers are building Apps that help humanity
  41. 41. WebRTC Reborn
  42. 42. A brief history of time WebRTC…
  43. 43. Its 5 years old!
  44. 44. You always mess up the first child
  45. 45. We messed up.
  46. 46. At the start, everyone was so excited
  47. 47. Countless talks at conferences
  48. 48. Look ma, no plugins!
  49. 49. “It’s freaking awesome!” (dude)
  50. 50. Developers went and tried it
  51. 51. And usually failed
  52. 52. We didn’t tell Developers about the complicated stuff
  53. 53. Heard of STUN or TURN?
  54. 54. We failed you.
  55. 55. But… that’s all changed
  56. 56. Oh Really?
  57. 57. Strong community
  58. 58. Google Developer Experts
  59. 59. WebRTC Weekly https://webrtcweekly.com/
  60. 60. WebRTC Hacks https://webrtchacks.com/
  61. 61. Excellent Browser Support
  62. 62. Chrome on Desktop
  63. 63. Chrome on Android
  64. 64. Firefox
  65. 65. Opera on Desktop
  66. 66. Opera on Android
  67. 67. Microsoft Edge (ORTC)
  68. 68. Who’s missing?
  69. 69. Safari Desktop & Mobile
  70. 70. But… There’s Hope!
  71. 71. Apple Put An Engineer on the WebRTC-in-webkit Project
  72. 72. And contributed to getUserMedia
  73. 73. And then...
  74. 74. webkit.org/status
  75. 75. Microsoft Edge Currently supports ORTC What about WebRTC?
  76. 76. Edge will soon support WebRTC!
  77. 77. edgewebsummit2016
  78. 78. All those Supported browsers… Their support and progress is awesome
  79. 79. Don’t Break things. Move Fast.
  80. 80. And we have plugins for IE and Safari
  81. 81. Temasys + many others
  82. 82. API & Browser Status Check iswebrtcreadyyet.com
  83. 83. Simple Signalling
  84. 84. You need a Signalling Server
  85. 85. Who Knew?!
  86. 86. Open Source signalling
  87. 87. socket.io P2P http://socket.io/blog/socket-io-p2p/
  88. 88. matrix.org
  89. 89. asterisk
  90. 90. signalmaster https://github.com/andyet/signalmaster
  91. 91. And many many others
  92. 92. Documentation!
  93. 93. https://github.com/webrtc https://bitbucket.org/webrtc/codelab
  94. 94. https://github.com/muaz-khan https://www.webrtc-experiment.com
  95. 95. https://github.com/webrtc/samples https://webrtc.github.io/samples/ g.co/webrtc https://codelabs.developers.google.com/codelabs/ webrtc-web
  96. 96. STUN & TURN Servers
  97. 97. You still don’t know what they do. Do you?
  98. 98. STUN Siri, What’s my IP Address? Here’s your address: James R. Herman Cruise Terminal at Pier 27 Pier 27 The Embarcadero San Francisco CA 94111 Siri wouldn’t make a good STUN Server
  99. 99. TURN (Media Relay)
  100. 100. More choice
  101. 101. Docker images
  102. 102. Don’t Forget!… You need to address a STUN server in your App!
  103. 103. 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!
  104. 104. Don’t repeat History Use a STUN Server!
  105. 105. Modules on npm
  106. 106. Many Open Source wrappers
  107. 107. adapter.js https://github.com/webrtc/adapter
  108. 108. PeerJS https://github.com/peers
  109. 109. easyRTC https://github.com/priologic/easyrtc
  110. 110. SimpleWebRTC https://simplewebrtc.com/
  111. 111. Many Many Others
  112. 112. PaaS Use them!
  113. 113. Twilio
  114. 114. Xura … (Forge) … (Acision) Kandy Tokbox Respoke Cisco … (Tropo) Plus many others…
  115. 115. Some quick stats...
  116. 116. 2 Billion+ WebRTC Enabled Browsers https://docs.google.com/presentation/d/1JwnW6v3OM0RfoDYrPPTJrDNeIpidgh7hF_k5E1j2oKM/pub
  117. 117. 1 Billion+ Transmitted audio/video minutes per week in Chrome https://docs.google.com/presentation/d/1JwnW6v3OM0RfoDYrPPTJrDNeIpidgh7hF_k5E1j2oKM/pub
  118. 118. And a whole host of internal improvements
  119. 119. ECDSA OPUS 1.2 MediaRecorder H.264 VP9 CocoaPod Tab Sharing Canvas Streaming
  120. 120. https://docs.google.com/presentation/d/1JwnW6v3OM0RfoDYrPPTJrDNeIpidgh7hF_k5E1j2oKM/pub
  121. 121. https://docs.google.com/presentation/d/1JwnW6v3OM0RfoDYrPPTJrDNeIpidgh7hF_k5E1j2oKM/pub https://goo.gl/UK4sNV
  122. 122. And finally... a specification soon (hopefully)
  123. 123. Currently a working draft https://www.w3.org/TR/webrtc/
  124. 124. Public Service Announcement
  125. 125. Chrome limits getUserMedia to Trusted Origins
  126. 126. Trusted Origins = Localhost + HTTPS (But not Self Signed Certs)
  127. 127. But LetsEncrypt Is Here letsencrypt.org
  128. 128. Don't get caught out in wondering why your app doesn't work...
  129. 129. It’s time to give WebRTC another go
  130. 130. Is WebRTC Production Ready?
  131. 131. Heck YES!
  132. 132. Go use it!
  133. 133. Thanks! @dan_jenkins nimblea.pe dan@nimblea.pe
  134. 134. https://www.flickr.com/photos/clement127/ http://images.techhive.com/images/article/2012/11/legohawking-100014318-orig.jpg

×