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 Conference in London

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
nearform.com
dan.jenkins@nearform.com
@nearform
nearForm

8. WebRTC

9. Heard Of It?

10. Built Something?

11. Used It?

12. Appear.in
Hangouts
Facebook Messenger
Skype for Web

13. Amazon Mayday
instant.io
Talky.io
Screenhero

14. What Is Webrtc?

15. Web Real
Time
Communication

16. Peer To Peer Technology

17. Media Channel
For Audio & Video

18. Data Channel
For Data

19. 3 Core APIs
getUserMedia
RTCPeerConnection
RTCDataConnection

20. Peer To Peer
Communication

21. Signalling Server

22. Signalling Server

23. Signalling Server

24. 2 Peers

25. 3 Peers
(Mesh)

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

27. No Plugins
Disclaimer: Extensions May Be Required

28. Opens The Door For Awesome

29. Open Technology

30. Browsers, Mobiles
And Other Devices

31. Web Scale

32. Little Dependence On
Media Servers

33. Easier On The Wallet

34. Awesome Apps Are
Being Launched

35. HTTP://WWW.BEMYEYES.ORG/

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

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

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

39. Developers Are
Building Apps That
Help Humanity

40. WebRTC
Reborn

41. A Brief History Of Time WebRTC…

42. It’s 4 Years Old!

43. You Always Mess Up
The First Child

44. We Messed Up.

45. At The Start, Everyone
Was So Excited!

46. Countless Talks At
Conferences

47. Look Ma, No
Plugins!

48. “It’s Freaking
Awesome!”

49. Developers Went
And Tried It

50. And Usually Failed

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

52. Heard Of
STUN Or
TURN?

53. We Failed You.

54. But…
That’s All Changed

55. What’s Changed?

56. Strong Community

57. Two Google Developer
Experts In The UK

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

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

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

61. Browser Support

62. Chrome On Desktop

63. Chrome On Android

64. Firefox

65. Opera On Desktop

66. Microsoft Edge
(ORTC)

67. Who’s Missing?

68. Safari
Desktop & Mobile

69. But…
There’s Hope!

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

71. And Contributed
To getUserMedia

72. But Wait..
There’s More.

74. This Is HUGE
News!

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

76. Move Fast.
Don’t Break Things.

77. And We Have Plugins
For IE And Safari

78. Temasys

79. Api & Browser
Status Check
iswebrtcreadyyet.com

80. Simple Signalling

81. You Need A
Signalling Server

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

83. Open Source
Signalling Servers

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

85. matrix.org

86. asterisk

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

88. And many many others

89. Documentation!

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

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

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

93. STUN & TURN
Servers

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

95. STUN
SIRI, WHAT’S MY IP ADDRESS?
HERE’S YOUR ADDRESS:
SKILLS MATTER
CODENODE
10 SOUTH PLACE
LONDON
EC2M 7EB
Siri Wouldn’t Make A Good Stun Server

96. TURN
(Media Relay)

97. More Choice

98. Docker Images

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

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

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

102. Modules On npm

103. Many
Open Source
Wrappers

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

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

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

107. SimpleWebRTC
HTTPS://SIMPLEWEBRTC.COM/

108. Many Many Others

109. PaaS
Use Them!

110. Forge (Acision)
Kandy
Tokbox
Twilio
Respoke
Tropo (Now Cisco)
Plus Many Others…

111. And Finally
Mobile…

112. Huge Performance
Gains

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

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

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

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

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

118. Improvements Being
Delivered All The Time

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

120. I Could Go On For
Another Hour!

121. It’s Time To Give
WebRTC Another Go

122. Is Webrtc
Production Ready?

123. Heck Yes!

124. We Need You!

125. Go Use It!

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

127. Thanks!
nimblea.pe
dan@nimblea.pe
@dan_jenkins
nearform.com
dan.jenkins@nearform.com
@nearform

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