Transcript

• 1. A jQuery for WebRTC Thomas Gorissen
• 2. Thomas is a web dev for 16 years loves great UX organizes JSConf.Asia mentors at SEA’s startup accelerator JFDI lives in Singapore helps developers use WebRTC
• 3. A set of JavaScript APIs in the browser to enable peer-2-peer data exchange WebRTC
• 4. Usual web communication
• 5. Peer-2-peer mesh
• 6. p2p’s lower latency is awesome for real-time data exchange WebRTC
• 7. Real-time communication is 1-on-1 calling Conferencing In-game chatting Virtual co-working Synced music streaming Sensor data exchange Online video consultation e-Tutoring JS Remote Conf …
• 8. Talk to anybody by typing their number into phone installing Skype and exchanging names get Gmail address, add contact, use hangouts Usual web communication
• 9. Talk to host on Travelmob/Airbnb GrabTaxi/Uber driver Doctor on Medifi/Teladoc Restaurant on Hungrygowhere/Yelp Property agent on 99.co/Realtor
 Customer support through Zopim/Freshdesk Your friends in WhatsApp/Line/Snapchat Seller on Carousel/eBay … WebRTC
• 10. enables embedded, contextual communication WebRTC
• 11. How to make WebRTC as easy to use as jQuery?! Using WebRTC
• 12. WebRTC conceptually A B
• 13. WebRTC conceptually Known party A B
• 14. WebRTC conceptually Known party A B
• 15. WebRTC conceptually Known party A B
• 16. The easiest and most complete WebRTC platform for developers there is!
• 17. #1: peer (client-side) Using WebRTC
• 18. https://github.com/Temasys/SkylinkJS We call it “A jQuery for WebRTC!”
• 19. Subtle differences in Using WebRTC today
• 20. https://github.com/Temasys/AdapterJS “Polyfill/Shims/Helpers for WebRTC”
• 21. Not supported in IE/Safari Using WebRTC today
• 22. IE and Safari Plug-In Download Temasys WebRTC Plug-In with AdapterJS
• 23. #2: signaling (server-side) Using WebRTC today
• 24. Using WebRTC today Signaling requires a server (e.g. EC2) needs to be scaled and maintained must work with the lingo of your client-side should be low latency and secure
• 25. Unlimited Signaling Backend-as-a-Service skylink.io
• 26. #3: If it doesn’t work on mobile it’s not worth doing Using WebRTC today
• 27. WebRTC on Android with Using WebRTC today
• 28. Skylink Native SDKs Ask us for beta access for iOS for Android
• 29. #4: Not so fast! What about edge-cases? Using WebRTC today
• 30. Enterprise firewalls prevent peer-2-peer connection requests to come through CPU/network can’t handle bigger multi-peer sessions Using WebRTC today
• 31. Enterprise firewalls prevent peer-2-peer connection requests to come through CPU/network can’t handle bigger multi-peer sessions Skylink STUN helps identifying connection options Skylink TURN can relay streams in very restrictive cases Skylink SFU reduces the amount of data streams
• 32. #5: I want to see! Using WebRTC today
• 33. Demos Getaroom.io - Start a FREE call with up to 4 people - Try it Virtual coworking with SkylinkJS - Try it Selfie Remote Control Dashboard with SkylinkJS - Try it: Load on phone - Phone control Codepen: 1-on-1 WebRTC audio/video calling Demos bundled with SkylinkJS Tutorials Getting started with WebRTC and SkylinkJS Building a simple Peer-to-peer WebRTC chat Sign up for skylink.io
• 34. Thanks! :) @temasysrtc @serrynaimo