This code doesn't work on mobile browser on next.ts application.

[Mikhail-Chernyshev]

This code doesn't work on mobile browser on next.ts application.
At the same time, everything works correctly on the desktop, the camera opens and scans. But in a mobile browser, after clicking on opening the camera, the browser does not even ask for access to the camera.

Then I checked how it would work in a separate example with the implementation of qr scanner in a simple react application. And everything worked.

Moreover, my code is in my next.The application js is the same as in the react example.

How to fix this so that the scanner works in my next.js application? So far, I have not been able to find an answer to this question. I hope for your help.

[Mikhail-Chernyshev]

Oh, I found a solution. The problem was that the site on which I deployed the application was without a security certificate and had the http type instead of the preferred https, which is why the devices blocked access to any devices.