yo pet - building a webrtc app in 20 mins
DESCRIPTION
Kranky Geek talk on how to build an app using webRTC. The YoPet App is for calling your stay-at-home pet.TRANSCRIPT
![Page 1: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/1.jpg)
On-stage: Building a WebRTC app
Tim Panton and Alex Thomas
![Page 2: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/2.jpg)
What not to do
• Don’t replicate the PSTN functionality
• It devalues both
• WebRTC’s value is in the context and tailored UX
• PSTN can charge by the minute
• Combine for the worst of both
![Page 4: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/4.jpg)
Build to delight someone
• Customized experience to delight a pet
• Parrots are social animals
• They understand handshakes and visual stuff
• They like phone calls
• So - let’s build YoPet !
![Page 5: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/5.jpg)
Scary Live Code happens here.
![Page 6: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/6.jpg)
Time to use a framework ?
• Hides state
• Provides infrastructure
• Simplifies coding
• Keeps up with the changing browser versions
• Provides features
![Page 7: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/7.jpg)
Terrifying Live Code happens here.
![Page 8: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/8.jpg)
Adding to an existing app
• Possibly use a Chrome extension
• Leverage the identity provider in the app
• Select a framework that fits the app
• Add some magic
• Delight someone
![Page 9: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/9.jpg)
We add audio to Bitbucket
Credits to https://github.com/luisviman/BaBLbrowse to bitbucket
![Page 10: Yo pet - building a webRTC app in 20 mins](https://reader034.vdocuments.net/reader034/viewer/2022051815/53fe39b18d7f72c4108b4617/html5/thumbnails/10.jpg)
Thanks!
• Alex Thomas @onichase
• Tim Panton @steely_glint
• Code at https://github.com/steely-glint/PetCall and https://github.com/steely-glint/yopet
WebRTC for Dogs?