webcam: unable to switch camera via msg.camera

[regystro]

Hi. I've got a phone with front and back cameras. I'm tryng to switch between them using msg.camera with no success.

Which node are you reporting an issue on?

node-red-node-ui-webcam

What are the steps to reproduce?

Use an inject node + change node to send msg.camera=[any number from 0 to n] to webcam node

What happens?

• The camera is disabled, and stays disabled until I activate it clicking the canvas. No matter what I send, it always reverts to the front camera. So there's no way to switch to the back camera unless using the dropdown selector.
• Even after using the dropdown selector to choose the back camera, anytime I reload the page it switches back to the front camera. It seems LocalStorage is working inconsistently. There's no way to save the back camera as the default.
• Also tested with and without "Start webcam automatically" option checked.

What do you expect to happen?

Switch between front and back camera normally, as it happens when I use the dropdown selector inside the canvas.

Please tell us about your environment:

• Node-RED version: 2.2.2
• node.js version: v16.13.2
• npm version: 8.1.2
• Platform/OS: Oracle Linux Server 7.9 (Fedora)
• Browser: Chrome for Android 98.0.4758.101

[shahyanbh]

     $scope.$watch('msg', function(msg) {
                        if (!msg) { return; }
                        
                        if (msg.camera !== undefined) {
                            let c = parseInt(msg.camera);
                            if (!isNaN(c)) {
                                // Check if cameras array is populated
                                if ($scope.data.cameras && $scope.data.cameras.length > c) {
                                    $scope.changeCamera(c);
                                } else {
                                    // Enumerate devices first, then change camera
                                    navigator.mediaDevices.enumerateDevices().then(function(devices) {
                                        $scope.data.cameras = devices.filter(function(device) {
                                            return device.kind === "videoinput";
                                        });
                                        
                                        if (c >= 0 && c < $scope.data.cameras.length) {
                                            $scope.changeCamera(c);
                                        } else {
                                            console.warn("Camera index out of range:", c);
                                        }
                                    }).catch(function(err) {
                                        console.error("Error enumerating devices:", err);
                                    });
                                }
                            }
                        }

change this function in the code to make it work.

[dceejay]

Thanks for the fix... applied and released as v0.5.0