How to enable AR Mode

Basic AR mode #

To enable AR functionality, please configure the following settings:

                Barkoder.setBarkoderResolution({ value: BarkoderResolution.FHD });
Barkoder.setDecodingSpeed({ value: DecodingSpeed.slow });
Barkoder.setCloseSessionOnResultEnabled({ enabled:false }); 
Barkoder.setARMode({value: BarkoderARMode.interactiveEnabled }); // Or another mode as needed
            

AR Modes Available: You can choose between the following modes based on your use case:

interactiveDisabled - AR is enabled, but new barcodes are not selected automatically by default.

interactiveEnabled  - AR is enabled, and new barcodes are automatically selected.

nonInteractive  - AR is enabled with non-interactive behavior; selection happens automatically without user interactions.

Customize Overlay Colors - To visually indicate whether a barcode is selected or not:

                Barkoder.setARSelectedLocationColor({ value: '#HEX' });       // Color for selected barcodes
Barkoder.setARNonSelectedLocationColor({ value: '#HEX' });    // Color for non-selected barcodes
            

Show Header Text Above Barcodes #

You can control when barcode header text (label) is displayed:

                Barkoder.setARHeaderShowMode({value: BarkoderARHeaderShowMode.onSelected });
            

Options include: 

never  - Never display the header text.

always - Always display the header above detected barcodes.

onSelected - Display the header only when the barcode is selected.

With this setup, you’ll be able to draw boxes and display the barcode status directly on the camera preview!