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 Full Stack Toronto in Toronto

1. DAN JENKINS
WebRTC
Reborn

2. Dan Jenkins
@dan_jenkins

3. Node.js Developer
Love Lego & Technic
General Geek
Founder of Nimble Ape Ltd
❤ open source

5. github.com/danjenkins

6. @dan_jenkins

7. Nimble Ape
nimblea.pe
dan@nimblea.pe
@nimbleapeltd

8. Node.js
Consulting

9. Microservices
Consulting

10. IoT
Consulting

11. WebRTC
Consulting

12. @dan_jenkins

13. WebRTC

14. Heard Of It?

15. Built Something?

16. Used It?

17. Appear.in
Hangout
Facebook
Messenger
Skype for Web

18. Amazon Mayday
instant.io
Talky.io
Screenhero

19. What Is WebRTC?

20. Web
Real
Time
Communication

21. Peer To Peer Technology

22. Media Channel
For Audio & Video

23. Data Channel
For Data

24. 3 Core APIs
getUserMedia
RTCPeerConnection
RTCDataConnection

25. Peer To Peer
Communication

26. Signalling Server

27. Signalling Server

28. Signalling Server

29. 2 Peers

30. 3 Peers
(Mesh)

31. *N Peers
(Mesh)
Disclaimer: Not Recommended 100% Of The Time

32. No Plugins
Disclaimer: Extensions May Be Required

33. Opens The Door For Awesome

34. Demo…
bit.ly/1RWUPtW
Desktop Chrome, Opera, Firefox
Android Chrome, Firefox
Sorry, no iOS, IE or Edge
Volume Up To The Max!

35. Open Technology

36. Browsers, Mobiles
And Other Devices

37. Web Scale

38. Little Dependence
On Media Servers

39. Easier On The Wallet

40. Awesome Apps Are
Being Launched

41. HTTP://WWW.BEMYEYES.ORG/

42. TELEMINDME.COM
Mindme
HTTP://WWW.REALTIMECOMMUNICATIONSWORLD.COM/TOPICS/REALTIMECOMMUNICATIONSWORLD/ARTICLES/404891-WEBRTC-ENROLLED-SUICIDE-PREVENTION.HTM

43. Cystic Fibrosis
Telehealth In Australia
HTTP://WWW.WEBRTCWORLD.COM/TOPICS/WEBRTC-WORLD/ARTICLES/334242-AUSTRALIAN-CYSTIC-FIBROSIS-TELEHEALTH-PROJECT-RELIES-WEBRTC.HTM

44. Cancer Telehealth
In Texas
HTTPS://DEVELOPER.IBM.COM/BLUEMIX/2015/09/16/BLUEMIX-AND-TWILIO-AT-KRANKYGEEK-2015/

45. Developers Are
Building Apps That
Help Humanity

46. WebRTC
Reborn

47. A Brief History Of Time Webrtc…

48. It’s 4 Years Old!

49. You Always Mess
Up The First Child

50. We Messed Up.

51. At The Start,
Everyone Was So Excited!

52. Countless Talks At
Conferences

53. Look Ma, No Plugins!

54. “It’s Freaking Awesome!”

55. Developers Went
And Tried It

56. And Usually Failed

57. We Didn’t Tell
Developers About The
Complicated Stuff

58. Heard Of
STUN Or
TURN?

59. We Failed You.

60. But…
That’s All Changed

61. What’s Changed?

62. Strong Community

63. Three Google
Developer Experts

64. WebRTC Weekly
HTTPS://WEBRTCWEEKLY.COM/

65. WebRTC Hacks
HTTPS://WEBRTCHACKS.COM/

66. WebRTC Hacks Article Page Views
36,780
28,217
20,645
20,295
19,944
15,365
15,114
HTTPS://WEBRTCHACKS.COM/

67. Browser Support

68. Chrome On Desktop

69. Chrome On Android

70. Firefox

71. Opera On Desktop

72. Microsoft Edge
(ORTC)

73. Who’s Missing?

74. Safari
Desktop & Mobile

75. But…
There’s Hope!

76. Apple Put An
Engineer On The
WebRTC-In-Webkit
Project

77. And Contributed
To getUserMedia

78. This Is HUGE News!

79. But Wait..
There’s More.

81. This Is EVEN HUGER News!

82. Freaking Awesome… Right?

83. All Those Supported Browsers…
Their Support And
Progress Is Awesome

84. Move Fast.
Don’t Break Things.

85. And We Have Plugins
For IE And Safari

86. Temasys

87. Api & Browser
Status Check
iswebrtcreadyyet.com

88. Simple Signalling

89. You Need A
Signalling Server

90. Who Knew?!
It’s Not All
Peer To Peer

91. Open Source
Signalling Servers

92. socket.io P2P
HTTP://SOCKET.IO/BLOG/SOCKET-IO-P2P/

93. matrix.org

94. asterisk

95. signalmaster
HTTPS://GITHUB.COM/ANDYET/SIGNALMASTER

96. And many many others

97. Documentation!

98. https://github.com/webrtc
https://bitbucket.org/webrtc/codelab

99. https://github.com/muaz-khan
https://www.webrtc-
experiment.com

100. https://github.com/webrtc/samples
http://webrtc.github.io/samples/
g.co/webrtc

101. STUN & TURN
Servers

102. You Still Don’t Know
What They Do.
Do You?

103. STUN
SIRI, WHAT’S MY IP ADDRESS?
HERE’S YOUR ADDRESS:
RYERSON ENGINEERING BUILDING,
245 CHURCH STREET
TORONTO
CANADA
Siri Wouldn’t Make A Good STUN Server

104. TURN
(Media Relay)

105. More Choice

106. Docker Images

107. Don’t Forget!…
You Need To
Address A STUN
Server In Your App!

108. 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!

109. Don’t Repeat History
Use A STUN Server!

110. Modules On npm

111. Many
Open Source
Wrappers

112. adapter.js
HTTPS://GITHUB.COM/WEBRTC/ADAPTER

113. PeerJS
HTTPS://GITHUB.COM/PEERS

114. easyRTC
HTTPS://GITHUB.COM/PRIOLOGIC/EASYRTC

115. SimpleWebRTC
HTTPS://SIMPLEWEBRTC.COM/

116. Many Many Others

117. PaaS
Use Them!

118. Xura … (Forge) … (Acision)
Kandy
Tokbox
Twilio
Respoke
Cisco … (Tropo)
Plus Many Others…

119. And Finally
Mobile…

120. Huge
Performance
Gains

121. 5X Faster
Rendering
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM

122. Huge Improvements In
GPU And CPU Usage…
Huge Impact On
Battery Usage
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM

123. Audio
Improvements On
Android And Ios
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM

124. Hardware Encoder
Support For Video
Android & iOS
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM

125. Cordova iOS
Plugin
HTTPS://GITHUB.COM/EFACE2FACE/CORDOVA-PLUGIN-IOSRTC

126. Public Service
Announcement

127. Chrome Will Limit
WebRTC to Trusted
Origins

128. Localhost + HTTPS
(But not Self Signed Certs)

129. But LetsEncrypt
Is Coming
letsencrypt.org

130. Currently In
Private Beta

131. Public Beta Coming
December 3rd

132. Improvements Being
Delivered All The
Time

133. www.slideshare.net/webrtclive/
kranky-geek-google-team
https://youtu.be/HCE3S1E5UwY

134. I Could Go On For
Another Hour!

135. It’s Time To Give
WebRTC Another Go

136. Is WebRTC
Production Ready?

137. Heck Yes!

138. We Need You!

139. Go Use It!

140. Finally…
Nimble Ape Are Hiring
Real Time
Communications
Developers!

141. Thanks!
nimblea.pe
dan@nimblea.pe
@dan_jenkins

142. 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