[waffle js: 15min ver] kittycam: smile, you're on camera!
TRANSCRIPT
![Page 1: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/1.jpg)
@girlie_mac
KittyCamSmile, you’re on camera!
Tomomi Imura (@girlie_mac)
![Page 2: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/2.jpg)
@girlie_mac
Tomomi (@girlie_mac) is a:
● Front-End Engineer● Open Web + Tech Advocate● N00b Hardware Hacker● Sr. Developer Evangelist at
PubNub
![Page 3: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/3.jpg)
@girlie_mac
KittyCamCamera app w/a motion sensor & cat facial detection
Hardware: Raspberry Pi, camera module, and PIR sensor
Software: Node.js + Open-source goodies
![Page 5: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/5.jpg)
@girlie_mac
![Page 6: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/6.jpg)
@girlie_mac
![Page 7: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/7.jpg)
@girlie_mac
1. Raspberry Pi 2 (with WiFi adapter)
2. 5MP Camera Board Module
3. Pyroelectric Infrared (PIR) motion sensor
4. Female/Female wires
![Page 8: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/8.jpg)
@girlie_mac
kittyCam.js1. Detect motion 2. Take photos3. Cat facial detection4. Store the photos5. Real-time view on web
![Page 9: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/9.jpg)
@girlie_mac
kittyCam.js1. Detect motion (Johnny-Five IR.Motion obj) 2. Take photos (Raspistill, command line tool)3. Cat facial detection (KittyDar)4. Store the photos in Cloudinary5. Publish the url data to PubNub network &
subscribe them real-time to display on web
![Page 10: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/10.jpg)
@girlie_mac
canvas
catDetect.js
app.js
kittyDar
Motion detected
take a photo
Store the photo if cats are detected
display photos on web browsers real-time anywhere
Johnny-Five w/ raspi-io
child process
Publish (the photo url)
Subscribe
![Page 11: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/11.jpg)
@girlie_mac
PIR Motion Sensor
![Page 12: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/12.jpg)
@girlie_mac
Raspistill for Camera Module
https://www.raspberrypi.org/documentation/usage/camera/raspicam/raspistill.md
![Page 13: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/13.jpg)
@girlie_mac
PIR Sensor > Run Camera
motion detected!Take a photo!
![Page 14: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/14.jpg)
@girlie_mac
Processing Photo
![Page 15: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/15.jpg)
@girlie_mac
![Page 16: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/16.jpg)
@girlie_mac
![Page 17: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/17.jpg)
@girlie_mac
QA TeamLead QA:Jamie
Ginger Basil Alice YugiVenom@kittenVenom
![Page 18: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/18.jpg)
@girlie_mac
https://twit.tv/shows/new-screen-savers/episodes/19
![Page 19: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/19.jpg)
@girlie_mac
github.com/girliemac/RPi-KittyCam
![Page 20: [Waffle js: 15min ver] Kittycam: Smile, you're on camera!](https://reader033.vdocuments.site/reader033/viewer/2022052606/587a25321a28abbd388b4ef5/html5/thumbnails/20.jpg)
@girlie_mac
Thank you!
@girlie_macgithub.com/girliemacgirliemac.comspeakerdeck.com/girlie_mac
Yes, I do feel pretty dumb using an underscore in my handle name in the first place...