# Node-red-node-ui-webcam

**URL:** <https://discourse.nodered.org/t/node-red-node-ui-webcam/34350>\
**Category:** Share Your Nodes\
**Created:** [16 October 2020 14:25 UTC](https://discourse.nodered.org/t/node-red-node-ui-webcam/34350 "2020-10-16T14:25:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [16 October 2020 14:25 UTC](https://discourse.nodered.org/t/node-red-node-ui-webcam/34350/1 "2020-10-16T14:25:51Z")

</div>

For a workshop I'm doing in a couple weeks, I needed to create a simple photo booth type app in the dashboard.

Whilst I could do it with a ui\_template node, I thought it would be useful to have a node that wrapped up accessing the webcam from the dashboard. I'm not aware of this existing already.

It isn't published to npm yet, but there's a PR open against our UI nodes repo, and here's a quick demo of it.

[![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/2/1279afa1b1c0da081a0b1b4e5ebad9bbb0e58e7c.jpeg "node-red-node-ui-webcam demo") ](https://www.youtube.com/watch?v=8zoOqGZHzS4)

PR: [Add ui\_webcam node by knolleary · Pull Request #45 · node-red/node-red-ui-nodes · GitHub](https://github.com/node-red/node-red-ui-nodes/pull/45)

Features include:

- sends the captured image as a Buffer in png or jpeg format
- optional 5 second countdown when taking a photo
- can be remotely triggered (but the end user must have activated the webcam and given the dashboard permission to turn it on)
- supports multiple webcams (the end user can pick which one to use)

At the moment, its pretty much feature complete (aside from more testing) for what I need, but I'm sure there will be other options that could be added.

I'll update this topic when its available on npm.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [16 October 2020 16:12 UTC](https://discourse.nodered.org/t/node-red-node-ui-webcam/34350/2 "2020-10-16T16:12:30Z")

</div>

Now published - [https://flows.nodered.org/node/node-red-node-ui-webcam](https://flows.nodered.org/node/node-red-node-ui-webcam)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [15 December 2020 14:25 UTC](https://discourse.nodered.org/t/node-red-node-ui-webcam/34350/3 "2020-12-15T14:25:59Z")

</div>

This topic was automatically closed after 60 days. New replies are no longer allowed.