It's difficult to type long text on mobile devices, but if that text is encoded in a barcode, we can use the sdk to read the barcode and automatically enter the text.
The following code shows how to automatically invoke the sdk to read a barcode and fill in an input box.
<input id="input-to-fill" type="text" readonly="true" placeholder="Barcode Result">let scanner = null;
Dynamsoft.DBR.BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
(async function () {
document.getElementById("input-to-fill").addEventListener('click', async function () {
try {
scanner = scanner || await Dynamsoft.DBR.BarcodeScanner.createInstance();
scanner.onUniqueRead = (txt, result) => {
this.value = result.barcodeText;
scanner.hide();
};
await scanner.show();
} catch (ex) {
alert(ex.message);
throw ex;
}
});
})();The following sample demonstrates how to utilize the SDK to fill out form fields.
The PDF417 barcode on an AAMVA compatible driver's license contains a lot of information which is encoded following the DL/ID Card Design Standard. Together with a simple parse function, we can use the SDK to read and extract the information.
The following official sample shows how to use the sdk to read and extract driver's license information.
- Read the PDF417 Barcode on the Driver's License - Demo
- Read the PDF417 Barcode on the Driver's License - Source Code
Also see Driver's License Scanner SDK for Mobile and Web.
When the SDK picks up a barcode in video stream, it will highlight them with built-in style automatically. But it is also possible to show the text of the barcode on the video with the help of the function 'convertToPageCoordinates()' or 'convertToClientCoordinates()'.
The following official sample shows how to show result texts on the video.
- Read barcodes via camera and show result texts on the video - Demo
- Read barcodes via camera and show result texts on the video - Source Code
If you have any questions, feel free to contact Dynamsoft.