Sqwiggle: How we JavaScript

Transcript

1. SQWIGGLE: HOW WE JAVASCRIPT by Luke Roberts
2. A LITTLE BIT ABOUT ME • Luke Roberts • Sheffield, England (Yorkshireman (hate tea)) • Ruby Developer • lukeroberts1990 twitter/github etc etc • Team VIM • OSS, Guitars, Cars + Travelling
3. WHAT IS SQWIGGLE? • Instant Chat • Video Presence • File Sharing • API programmable • The end of the commute (not such a problem with the U-Bahn) • A cure for loneliness in remote workers?
4. SINGLE PAGE BACKBONE APP
5. WEBRTC - AT A GLANCE • Audio Communication • Video Communication • Peer to Peer • No bandwidth costs • NO PLUGINS • Arbitrary data transfer (soon!)
6. SOME NON WEBRTC HOTNESS
7. NODE WEBKIT • Apps written in modern HTML5, CSS3, JS and WebGL. • Complete support for Node.js APIs and all its third party modules. • Good performance: Node and WebKit runs in the same thread: Function calls are made straightforward; objects are in the same heap and can just reference each other; • Easy to package and distribute apps. • Available on Linux, Mac OSX and Windows • These points were totally stolen straight from the Node-Webkit Github ;)
8. NODE WEBKIT
9. AWS S3 • DataChannel isn't ready (and behind a flag) • S3 provides persistence (duh!) • Encryption
10. AWS S3
11. AWS S3
12. WEBSOCKETS WITH PUSHER • Cheap • Easy • FAST!!!
13. SOME WEBRTC HOTNESS
14. WEBRTC: STREAMS
15. WEBRTC: SIGNALLING • ICE (Interactive Connectivity Establishment) servers • STUN (Simple Traversal of UDP through NAT) servers • TURN (Traversal Using Relays around NAT) Servers • SIP, JSEP, JINGLE • XMPP • SSE • HTTP Long Polling • Websockets (Pusher)
16. WEBRTC: SIGNALLING
17. WEBRTC: SIMPLE EXAMPLE
18. WEBRTC: SIMPLE EXAMPLE
19. WEBRTC: SIMPLE EXAMPLE
20. WEBRTC: SECURITY • SRTP (tried and tested) • Signalling and call initiation is up to the end user
21. WEBRTC: STATS peerConnection.getStats()
22. WEBRTC: THE PROBLEMS • Reliance on 3rd party implementations • Moving Target • Bugs • A BILLION different network configurations (Is UDP traffic blocked?) • Browser Support • Bandwidth Issues on larger calls • iOS implementation was supposed to be ready before xmas…
23. WEBRTC: WHATS NEXT? • Screen Sharing - behind a flag in chrome :( • Data Channel to actually work • A stable implementation in Chromium ;)
24. HOW WE WORK • Sqwiggle • Email • Daily Standup • Github • Trello • Travis CI
25. WE’RE HIRING • TDD the whole way down • Service Orientated Architecture • Remote Work (wherever you want) • Flexible Hours • Company Retreats • Travel Allowance
26. QUESTIONS? Resources https://www.sqwiggle.com http://www.html5rocks.com/en/tutorials/webrtc/basics/ http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/ https://github.com/tommoor/sheffield-js-photobooth https://github.com/rogerwang/node-webkit https://webrtc.googlecode.com/svn/trunk/samples/js/demos/html/constraints-and-stats.html