Hello. I try to use my USB Webcam (TRUST-vero) on my laptop via node-red My Node-red instance is running on my VM-linux server. I tried to include a live stream to my dashboard. I dont need to capture or save anything. Just a livestream. I did some research here and found, that most people are using node-red-node-ui-webcam. When i try to use the node, it does not work. Now the part, where i dont know how to proceed. How can i get the live image of my laptop to my node red? thank you

thank you. I will def. look at it. I tried now to run my webcam localy for testing purpose. I cant even fullfill that. When i put my node on my flow and deploy i get: Error: Module not allowed at Object.requireModule [as require] (C:\Users\MO\AppData\Roaming\npm\node_modules\node-red\node_modules\@node-red\registry\lib\externalModules.js:103:19) at Object.requireModule [as require] (C:\Users\MO\AppData\Roaming\npm\node_modules\node-red\node_modules\@node-red\registry\lib\util.js:50:45) at new WebcamNode (C:\Users\MO\.node-red\node_modules\node-red-node-ui-webcam\ui_webcam.js:134:26) at Object.createNode (C:\Users\MO\AppData\Roaming\npm\node_modules\node-red\node_modules\@node-red\runtime\lib\flows\util.js:90:27) at Flow.start (C:\Users\MO\AppData\Roaming\npm\node_modules\node-red\node_modules\@node-red\runtime\lib\flows\Flow.js:206:48) at start (C:\Users\MO\AppData\Roaming\npm\node_modules\node-red\node_modules\@node-red\runtime\lib\flows\index.js:371:33) { code: 'module_not_allowed' thank you

Last time I seen that error, it was due to an old version of Node RED and or dashboard, make sure your using the latest versions of both

If it can help you, I installed Node Red on Win10 with a PC equipped with an integrated webcam.you take a picture from the web cam and display it on the Dashboard: instal : node-red-contrib-usbcamera from the palette [image] [{"id":"35f18345f50f3ec2","type":"ui_button","z":"89d3af175a223bca","name":"webcam","group":"60bff788.d10d28","order":3,"width":1,"height":1,"passthru":true,"label":"cam","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"go","payloadType":"str","topic":"testDetection","topicType":"str","x":390,"y":430,"wires":[["75b97e9991341f20"]]},{"id":"75b97e9991341f20","type":"usbcamera","z":"89d3af175a223bca","filemode":"0","filename":"image01.jpg","filedefpath":"1","filepath":"D:\\Documents\\Pictures\\Camera Roll","fileformat":"jpeg","resolution":"5","name":"","x":540,"y":430,"wires":[["695ed8b1b88af243"]]},{"id":"695ed8b1b88af243","type":"base64","z":"89d3af175a223bca","name":"","action":"str","property":"payload","x":580,"y":470,"wires":[["96efc2f989459ba4"]]},{"id":"96efc2f989459ba4","type":"ui_template","z":"89d3af175a223bca","group":"60bff788.d10d28","name":"tuto aff New pict","order":1,"width":10,"height":8,"format":" \n \n \n \ndiv.parent {\n position: relative;\n height: 480px ;\n}\ndiv.absolute {\n position: absolute;\n width: 100%;\n bottom: 0px;\n} \n\n \n \n \n \n \n \n {{msg.filename}}\n \n \n \n \n\n\n\n\n\n\n \n \n \n\n \n {{msg.fileName}} {{msg.affSlideIndex}}/{{msg.numSlides}} \n \n \n -->\n \n \n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","className":"","x":730,"y":470,"wires":[[]]},{"id":"60bff788.d10d28","type":"ui_group","name":"camStream","tab":"edb4afad.52228","order":1,"disp":true,"width":"10","collapse":false,"className":""},{"id":"edb4afad.52228","type":"ui_tab","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

Hi - no - the webcam used is attached to the browser device - ie where the dashboard is running (and not the server). The browser used must support navigator.mediaDevices

Ok, but it doesn't work in Safari, Firefox or Chrome on my Mac mini (Late 2012) using MoJave v10.14.6. NR is running on my Mac mini M1 and the webcam is plugged into the Mac mini (Late 2012) All I see is this on all three browsers [webcam]

My only guess is.. Check System Preferences > Security & Privacy > Privacy > Camera & Microphone. Make sure Chrome (and others) are selected navigator.mediaDevices is purely a Browser based API, so either the browser versions are too old, or its a permissions related issue on MacOS

I'm not sure Mojave is still supported so best check which versions of Safari etc - and see https://caniuse.com/?search=mediaDevices - also check the browser dev console for any error messages. (Certainly works with the built in webcam in my MacBook - I don't have a USB webcam to test right now - and it also picks up my nearby iPhone and can use that also.) [image]

sorry for the dumb question. but how do i use navigator.mediaDevices in combination with node-red?

If you just wanting to show your webcam in the browser (for the device looking at the Dash) then you just use node-red-node-ui-webcam that's exactly what its doing. EDIT A web Browser showing the webcam of the persons device that has the browser open is worlds apart from a browser displaying a remote webcam - they are entirely different technologies. If you want to show remote webcams in your dashboard, your mileage may vary between a simple remote URL for the image (multipart/x-mixed-replace) or having to setup some transcoder (ffmpeg) to create a live stream using mjpeg it really depends on your cameras offerings

Sorry @Manuel_o. the navigator.mediaDevices is a call the browser makes to access the webcam. So the browser must be able to support that and that is what the caniuse website can help show you. From your initial post it looks like you have Node-RED running on a server - and then you are looking at the Dashboard on your laptop and the camera is plugged into the laptop. Depending on the operating system of the laptop you may need to install a device driver for the camera or some software so that it works locally. Then on the server you need to install the node-red-node-ui-webcam node and configure it. Then once deployed (on the server) - you should be able to view the dashboard (on the laptop) and that should have a webcam widget - with a camera icon in the bottom right. If you click on that it should show a list of cameras that it can access...

Node-RED

Node-RED Forum

USB-Webcam on dashboard

Dashboard

zenofmud 25 April 2023 09:32 23

Yes it is. Here is a link to it in 'Share your Projects:

Topic		Replies	Views
I like to know how to display live feed from usb webcamera on dashboard of node red General node-red-dashboard	10	653	1 April 2023
Node-red-dashboard-2-ui-webcam nightmare General dashboard-2	19	279	10 November 2026
How to stream webcam on multiple dashboards? Dashboard	3	147	4 December 2024
Node-RED Contrib Browser Utils Developing Nodes	2	400	30 December 2020
Show Camera Image on Dashboard Dashboard	26	24621	28 April 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

USB-Webcam on dashboard

Related topics