kattunga / blazorzxingjs Goto Github PK

This piece of code breaks everything when it comes to qr code scanning when the client is offline:

Could you remove the dynamic loading of that library and make the loading of that library normal?

This isn't the first library optimizing the loading of js modules like this but the worst side effect is DI breaking and a totally capable app that could continue to work offline suddenly becomes unreliable offline.

How do we get the Device Properties? I'm trying to set the width and height to occupy the entire screen (at least width)
But I don't know the proportions of the camera.

In a cellphone camera is usually 3:4 aspect ratio
but on a a notebook the camera is landscape (4:3)

I've created a Reference for the component, and on button click I'm calling ToggleDevice()
but it's not working

<div> <button class="btn btn-light" @onclick='()=> { QrReader.ToggleDevice(); Console.WriteLine("Togle Device"); }'><i class="fas fa-refresh"></i>Mudar Camera</button> </div> <MultiFormatReader style="width:100%" VideoHeigth="300" OnBarcodeRead="((args)=> BarcodeRead(args,AViewModel,DialogService))" @ref="QrReader" > <VideoForbidden> <h4>É necessário conceder permissão de visualização da câmera</h4> </VideoForbidden> <NoVideoDevices> <h4>Nenhum despositivo de video disponível</h4> </NoVideoDevices> </MultiFormatReader>

Nothing happens when ToggleDevice is called, if I try to StopDecoding before calling ToggleDevice
no video is shown after the call. Which gives me the impression that the library is not finding more than one device (Judging by the code of method ToggleDevice)

It would be nice to expose the list of founded Devices, since we have Cellphones with 5 cameras. This way the user could select the device in an DropDownList

Is there a way to have this library expose a new class with the sole purpose of just taking in an IBrowserFile or a byte[] of an image and try to scan a code from it specifying which kind of BarcodeFormat expect?
(could be as jpeg from camera or other usual image formats(depends on what does the library supports))

You can see the request here in the JS Library. It's available on the Angular Version and it's also available on Quagga JS here.

The Reason for the light is to make the camera read the QR / Barcodes easier. Since it's measuring light and dark (Black / White), the camera's light can help differentiate in darker rooms / outdoor evenings.