how to Integrate HID Fingerprint Reader in SAP UI5/Fiori and CAP in BAS

[Natalia2]

I am creating a web application with CAP and SAP UI5 using SAP fiori elements in SAP BAS and I need to implement the use of a HID Digital Persona U.are.U® 4500 Fingerprint Reader to capture a person's biometric data (fingerprint).

I have tried to integrate the use of the Chrome WebApi to connect to the device with the following code:

const filters = [
        {
            vendorId: 1466,
            productId: 10
        }
    ];
    
    const devices = await navigator.usb.requestDevice({ filters: filters }).then(device => {
        console.log(device.productName);      
        console.log(device.manufacturerName);
        console.log(device)
        var select = device;
        return select.open();
      }).catch(error => { console.error(error); });

But when I try to run it, it returns the following:

Does anyone know how I could solve this error?
or perhaps know of any other way to do this?

The WebApi documentation is as follows:
https://developer.chrome.com/docs/capabilities/usb?hl=es-419

And documentation on the use of the device on the web
https://hidglobal.github.io/digitalpersona-authentication/index.html

However, I have not been able to understand how to integrate this last one into SAP UI5

Thank you very much for your help!!

SAP Fiori SAP Fiori Elements SAP Cloud Application Programming Model SAP Business Application Studio SAP HANA Cloud JavaScript #UI5 SAP Cloud Applications Studio SAP Fiori Client SAP Fiori Cloud SAP Business Technology Platform SAP BTP, Cloud Foundry runtime and environment HTML5 

[Willem_Pardaens]

This error does not seem to be related to SAP UI5. Doing a quick Google search shows similar errors from other users. I'd suggest to first make it work and solve the issue in a plain .html file and once it works replicate it in UI5.