Multiple Cameras

[mcallistertyler]

Something I've noticed when using this package is that Android phones with multiple cameras don't default to their "best" environment camera. Newer Huawei and Samsung phones seem to be the main culprits for this, their default environment cameras are either very blurry or zoomed in meaning they can't scan QR codes that are small.

Is there anyway that a user could be able to select from one of the many cameras on their phone? I think this functionality would be great to have.

[tahv0]

@mcallistertyler95 Sorry for late response.

One could iterate camera devices with this
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices

and then you can set your camera via constraints-prop.

https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamConstraints

[mcallistertyler]

Thanks for the reply!

With what I'm currently trying to implement I'd like to be able to select from multiple cameras available (perhaps via dropdown or something similar). But it seems that whenever I give a camera id to the constraints-props the camera doesn't re-render with the selected camera.

Right now I'm using my own fork of this repository where I can directly pass the camera ID as a prop to bypass the checks made by the defaultDeviceIdChooser function. But I'm not very well versed in JS or Web APIs in general so the implementation is fairly hacky.

Is there any way to trigger a re-render of the component when updating constraints?

Thanks again