السلام عليكم
.
First step =
For the client side, you need to install the QRcode library in the page where you want to scan the code., and you need to place a <img> or <video> tag with an "id" attribute in the said page such as <img id="qr-code" />.
Second step =
Initializing the framework with an event callback and set the right parameters. You need to call the “html5-qrcode” in the initialize phase. The parameter will include the id of the tag along with a callback that will be fired when the code is scanned successfully.
Third step =
The framework will look for the tag in the target page with the given id and start capturing the frames. When a frame is captured, it will look for the pattern, validate it and if it’s valid, fire the callback with the scanned code data.
Fourth step =
When the valid QR code is found, the page should redirect to a page that contains the query string with the value taken from the QR code. Now the page should be rendered with the data from the scanned QR code.
Finally =
The users can simply use the mobile cameras for scanning the QR code, and the page will get the values from it.
Best regards,
Giáp Văn Hưng