Use Case Samples
Read Barcodes and Fill Form Fields
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.
Read the PDF417 Barcode on the Driver’s License
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.
Also see Driver’s License Scanner SDK for Mobile and Web.
Read barcodes via camera and highlight results with custom style
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 customize the highlight style freely using the method ‘convertToClientCoordinates()’.
The following official sample shows how to hightlight results with custom style.
Support
If you have any questions, feel free to contact Dynamsoft.