{"id":29605491,"url":"https://github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam","last_synced_at":"2025-07-20T16:05:55.462Z","repository":{"id":221349614,"uuid":"754108048","full_name":"sumitshinde-84/node-red-dashboard-2-ui-webcam","owner":"sumitshinde-84","description":"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 the Node-RED Dashboard.","archived":false,"fork":false,"pushed_at":"2024-02-20T05:28:01.000Z","size":186,"stargazers_count":1,"open_issues_count":2,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-03T09:47:18.751Z","etag":null,"topics":["node-red","node-red-dashboard","webcam"],"latest_commit_sha":null,"homepage":"https://flows.nodered.org/node/@sumit_shinde_84/node-red-dashboard-2-ui-webcam","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sumitshinde-84.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-07T12:19:28.000Z","updated_at":"2025-02-20T17:04:31.000Z","dependencies_parsed_at":"2024-02-11T12:31:41.906Z","dependency_job_id":null,"html_url":"https://github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam","commit_stats":null,"previous_names":["sumitshinde-84/node-red-dashboard-2-ui-webcam"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sumitshinde-84/node-red-dashboard-2-ui-webcam","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumitshinde-84%2Fnode-red-dashboard-2-ui-webcam","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumitshinde-84%2Fnode-red-dashboard-2-ui-webcam/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumitshinde-84%2Fnode-red-dashboard-2-ui-webcam/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumitshinde-84%2Fnode-red-dashboard-2-ui-webcam/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sumitshinde-84","download_url":"https://codeload.github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumitshinde-84%2Fnode-red-dashboard-2-ui-webcam/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266152547,"owners_count":23884525,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["node-red","node-red-dashboard","webcam"],"created_at":"2025-07-20T16:05:53.659Z","updated_at":"2025-07-20T16:05:55.457Z","avatar_url":"https://github.com/sumitshinde-84.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"Node-RED Dashboard 2.0 Webcam Widget\n=======================\n\n![](https://github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam/assets/110285294/7f1d2ee2-add5-4405-ae5e-a1b86da13a4e)\n![](https://github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam/assets/110285294/be25b4e6-693b-445f-aa65-3f48da7fc367) \n\nThe 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.\n\n## Installation:\nEnsure that you have previously installed Dashboard 2.0 before proceeding with the installation of the ui-webcam widget.\n\n ***Using the Node-RED Editor***:\n- Navigate to Editor \u003e Menu \u003e Manage Palette \u003e Install.\n- Search for @sumit_shinde_84/node-red-dashboard-2-ui-webcam and install it.\n\n***Using Command Line:***\n- Run the following command in your Node-RED user directory (typically ~/.node-red):\n  ```\n  npm i @sumit_shinde_84/node-red-dashboard-2-ui-webcam\n  ```\n## Usage\n\nThe ui-webcam node offers the following functionalities:\n- Live Image Display: Renders a live image feed from the device's webcam within the Dashboard 2.0 interface.\n- 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.\n- 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.\n- 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.\n\n## Browser Support\n\nThe webcam widget is compatible with all modern browsers, except Internet Explorer. \n\nIf you are accessing the Dashboard 2.0 remotely (not via `localhost`), then you must\nuse HTTPS otherwise the browser will block access to the webcam.\n\n## Privacy\n\nBefore the webcam can be activated, the browser will ask the user's permission for\nthe page to access the device. The node cannot capture images until the user\nhas given their permission. \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsumitshinde-84%2Fnode-red-dashboard-2-ui-webcam","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsumitshinde-84%2Fnode-red-dashboard-2-ui-webcam","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsumitshinde-84%2Fnode-red-dashboard-2-ui-webcam/lists"}