Last time I tried this approach, the problem was that the native camera input had much better quality, while ImageCapture was essentially a still frame from a video (worse exposure/processing).
Is this better now?
replies(1):
React Web Camera is a lightweight, reusable React component that allows users to capture multiple photos in one camera session, in-browser. It works across standard web apps, responsive UIs, and Progressive Web Apps (PWAs)—unlocking a smoother experience than the default <input type="file" capture> element.
The problem
On mobile (and increasingly on desktops), using: <input type="file" accept="image/*" capture="environment"> only allows taking one picture before the camera closes. Want to add more? You have to reopen it each time.
How React Web Camera solves it
Opens the camera inline in-browser, Lets the user capture multiple photos in one go, Allows previewing captured photos, removing unwanted ones, and submitting everything in a batch, Fully client-side, respects user privacy, Supported across web, responsive UIs, and installable PWAs.