Web client HTML5/CSS Javascript to take apicture in a web application

I am writing a Windows web application using HTML5 & CSS and java-script. I wish for the web page to respond to a button click by operating the camera on the device displaying the web page so as to autofocus and take a picture image (in jpeg format) and return the image to the server in a Get or Post web action.
I am using Embarcadero C++ builder XE10.2 to develop the application.

The device viewing the web page is an Android mobile device which is using the chrome web browser. The image returned to the web application will be subjected to optical barcode recognition and the web application will respond according to the barcode that has been decoded;

I am seeking any relevant example code or references to appropriate tutorials. I don't need any assistance with decoding the barcode image, I do need help in acquiring the image from the mobile device's camera via the web page being displayed.