@sumit_shinde_84/node-red-dashboard-2-ui-webcam 1.0.2

The ui-webcam node for Node-RED Dashboard 2.0 enables users to integrate webcam functionality into Node-RED Dashboard 2.0. It allows users to capture images, select different cameras, and control webcam features through an intuitive user interface within

npm install @sumit_shinde_84/node-red-dashboard-2-ui-webcam

The Node-RED Dashboard 2.0 Webcam Widget is a UI widget node designed to facilitate image capture directly from the Dashboard 2.0 interface. This widget enables users to capture images from their device's webcam seamlessly within Node-RED.


Ensure that you have previously installed Dashboard 2.0 before proceeding with the installation of the ui-webcam widget.

Using the Node-RED Editor:

  • Navigate to Editor > Menu > Manage Palette > Install.
  • Search for @sumit_shinde_84/node-red-dashboard-2-ui-webcam and install it.

Using Command Line:

  • Run the following command in your Node-RED user directory (typically ~/.node-red):
    npm i @sumit_shinde_84/node-red-dashboard-2-ui-webcam


The ui-webcam node offers the following functionalities:

  • Live Image Display: Renders a live image feed from the device's webcam within the Dashboard 2.0 interface.
  • Image Capture: Users can click a designated button to capture an image, which is then transmitted by the node as a Base64 string containing the image in PNG format.
  • Automated Image Capture: If a msg.payload is passed to the ui-webcam node with the capture string , the node automatically captures an image without requiring user interaction.
  • Camera Selection: Users have the option to select a different camera by clicking on the three-dot icon located in the top-right corner and choosing their preferred camera from the options.

Browser Support

The webcam widget is compatible with all modern browsers, except Internet Explorer.

If you are accessing the Dashboard 2.0 remotely (not via localhost), then you must use HTTPS otherwise the browser will block access to the webcam.


Before the webcam can be activated, the browser will ask the user's permission for the page to access the device. The node cannot capture images until the user has given their permission.

Node Info

Version: 1.0.2
Updated 5 months ago
License: Apache-2.0
Rating: 4.7 3




41 in the last week


  • ui-webcam


  • node-red
  • node-red-dashboard-2



  • Joe Pavitt