Skip to main content

Classic UI scanning modes

Example app

The following use cases have been compiled into a dedicated example app. Too see the complete source code of the code snippets provided here, check out the example app on GitHub.

Scanning a single barcode​

The Scanbot Barcode Scanner SDK is quick and easy to integrate by design. Even in its default configuration, the Scanbot SDK scans barcodes rapidly and reliably in challenging conditions. Notably, all scanning operations are performed offline on the device itself, which ensures high speed and maximum data privacy.

Scanning a single barcode with the Web Barcode Scanner

barcode-usecases/src/utils/singleBarcodeScan.ts
loading...

Still, there are specific use cases where tweaking the configuration can significantly improve the user experience and scanning performance, such as scanning multiple barcodes at once or scanning tiny or distant barcodes.

Scanning multiple barcodes​

If you need to scan multiple barcodes simultaneously, you can configure the SDK to detect and extract all barcodes visible in the live view. This functionality can be complemented with an AR Overlay for visually highlighting the barcodes in view.

Scanning a multiple barcodes with the Web Barcode Scanner

barcode-usecases/src/utils/multipleBarcodeScan.ts
loading...

Batch scanning​

Batch scanning, like multi-barcode scanning, allows users to scan multiple unique barcodes within a single session. A viewfinder added to the live view helps users target only the desired codes, improving their scan experience and control.

Batch scanning with the Web Barcode Scanner

barcode-usecases/src/utils/batchBarcodeScan.ts
loading...

Scan & Count​

The Barcode Scanner also features a user interface for detecting barcodes from a single snapshot and display the result in a unique manner.

This feature uses the greatest resolution available and offers the most precise scan possible.

To activate it, simply enable the property in the configuration as follows:

scanAndCount: {
    enabled: true,
    style: {
        // Add custom styling to the RTU component
    }
}

Detecting barcodes on still images​

The Scanbot Barcode Scanner SDK offers advanced capabilities for reading barcodes from static images, such as photos or PDFs, imported from the gallery or the device's storage.

barcode-usecases/src/utils/detectBarcodeFromImageScan.ts
loading...

AR Overlay scanning modes​

Displaying an extra layer of feedback for the user in the live view is useful for a range of scanning use cases. With the Barcode Scanner SDK's AR Overlay, you can highlight barcodes to provide feedback on scanned barcodes or locate specific items.

Please refer to the AR Overlay section to learn more.

Want to scan longer than one minute?

Generate a free trial license to test the Scanbot SDK thoroughly.

Get free trial license

On this page