Making WebRTC Awesome, CascadiaJS 2013

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