cameraHandler.current?.stop(); not working

[TrickUK]

Version: 1.1.0

Hi,

Many thanks for the nicely written component, it is perfect for my needs. I do however need the stop function to work, so that the camera is available for use by another component on the same page.

I am using your WebCamera component in a MUI Dialog, which when closed should stop() the camera. I have added the call in my handleClose() function and although the camera LED on my laptop flickers, the camera remains in use even after the dialog is closed and the LED stays on until I close my browser.

Looking at the other component I'm using, which works (https://github.com/yudielcurbelo/react-qr-scanner/blob/main/src/hooks/useCamera.ts), it looks like there are some differences in the stop code:

videoEl.src = '';
videoEl.srcObject = null;
videoEl.load();

for (const track of stream.getTracks()) {
	stream.removeTrack(track);
	track.stop();
}

I wonder if this might solve the issue in your component also? I would gladly try it, but not sure exactly how to setup the development environment for this.

Any help much appreciated!

[TrickUK]

Okay, so if I step through the code the camera does stop. So I don't know why it's being triggered to start again almost immediately. Perhaps it has something to do with the MUI dialog, although I don't have the same problem with the other component.

I'll keep digging!

[TrickUK]

I've made a testbed to illustrate the issue, maybe it will help, I haven't had any luck thus far:

https://github.com/TrickUK/WebCameraTestbed