Web SDK Examples

Working code for each barKoder feature on Web SDK. Start with the general example, then add what your app needs.

Start here General example A complete scanner screen: the license key, the barcode types to read, the settings and the result. setEnabledDecoders Open the example →

//Enable symbologies you'd like to scan

//Note that this method uses a rest parameter i.e.
//accepts an indefinite number of arguments

//Currently there is a total of 28 symbologies
//available in Barkoder.constants.Decoders

Barkoder.setEnabledDecoders(
    Barkoder.constants.Decoders.QR,
    Barkoder.constants.Decoders.Ean8,
    Barkoder.constants.Decoders.PDF417
);

Scanning modes 4

Batch MultiScan Decode several barcodes of different types in one session, without stopping. setMulticodeCachingEnabledsetMulticodeCachingDuration Also on 9 other platforms Continuous scanning Keep scanning after each result, with control over duplicate scans. Also on 8 other platforms AR mode Live overlays on the barcodes in view, in your colours, with header text above them. setARModesetHeaderShowModesetSelectedLocationColor Also on 8 other platforms ROI center mark Show a marker at the centre of the region of interest. setRoiCenterMark Also on iOS and Android

Hard-to-read codes 2

DPM mode Read codes etched or printed directly on parts, not on paper labels. Also on 8 other platforms DotCode Settings for DotCode, the dot matrix code printed at high speed in manufacturing. Also on 9 other platforms

Documents and IDs 4

VIN Read the 17-character vehicle identification number from its barcode. setEnableVINRestrictions Also on 8 other platforms MRZ Read name, nationality, document number and dates from passports and ID cards. Also on 8 other platforms SADL parser Turn the barcode on South African driver's licenses into named fields. Also on 8 other platforms BCBP parser Turn IATA boarding pass barcodes into passenger and flight-leg fields. Also on iOS and Android

Framework integration 3

Angular Integration Example WASM The scanner inside an Angular app. Also on Cordova React.js Integration Example WASM The scanner inside a React app. Only on this platform barKoder Web SDK - Next.JS Integration The scanner inside a Next.js app. Only on this platform

Not what you need?Search all the docs, or ask the team.

Open a support ticket

Installation

Most common pitfalls