Pi Camera Stills to Dashboard

A simple flow to grab a still image from a directly attached Pi Camera (using raspistill) and push it to a ui_template widget on a dashboard.

[{"id":"56677cb7.9840b4","type":"inject","z":"6fd852c2.a76acc","name":"","topic":"","payload":"","payloadType":"str","repeat":"","crontab":"","once":false,"x":110,"y":160,"wires":[["f7696701.4cf1e8"]]},{"id":"f7696701.4cf1e8","type":"exec","z":"6fd852c2.a76acc","command":"raspistill","addpay":false,"append":"-w 320 -h 240 -o -","useSpawn":"false","timer":"","oldrc":false,"name":"","x":240,"y":160,"wires":[["e7f06c8d.c0a3b"],[],[]]},{"id":"e7f06c8d.c0a3b","type":"base64","z":"6fd852c2.a76acc","name":"","action":"str","property":"payload","x":400,"y":160,"wires":[["9e6ed9dc.f64ba8"]]},{"id":"9e6ed9dc.f64ba8","type":"template","z":"6fd852c2.a76acc","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<img width=\"320px\" height=\"240px\" src=\"data:image/jpg;base64,{{{payload}}}\">","output":"str","x":530,"y":160,"wires":[["28439a97.39e7a6"]]},{"id":"28439a97.39e7a6","type":"ui_template","z":"6fd852c2.a76acc","group":"c7a43587.2944e8","name":"","order":0,"width":"6","height":"5","format":"<div ng-bind-html=\"msg.payload\"></div>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":660,"y":160,"wires":[[]]},{"id":"c7a43587.2944e8","type":"ui_group","z":"","name":"Default","tab":"fbd536a.22bf9c8","disp":true,"width":"6","collapse":false},{"id":"fbd536a.22bf9c8","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}]

Flow Info

Created 6 years, 8 months ago
Updated 4 years, 7 months ago
Rating: not yet rated

Owner

Actions

Rate:

Node Types

Core
  • exec (x1)
  • inject (x1)
  • template (x1)
Other
  • base64 (x1)
  • ui_group (x1)
  • ui_tab (x1)
  • ui_template (x1)

Tags

  • pi
  • cam
  • camera
  • still
Copy this flow JSON to your clipboard and then import into Node-RED using the Import From > Clipboard (Ctrl-I) menu option