Skip to content

Scan barcodes from your browser with our Web Barcode Scanner

Kevin November 19, 2024 4 mins read
app store

The Scanbot Web Barcode Scanner SDK brings the power of our scanning solutions to the web. The Web SDK is based on JavaScript and runs in any modern browser, such as Chrome, Firefox, Safari, or Edge.

Scan the QR code or follow this link to try the Web Barcode Scanner Demo!

Companies can use the Scanbot SDK to turn any mobile device into a reliable, easy-to-use barcode scanner. Thanks to our Web SDK, no native iOS or Android app is required – its powerful scanning features can be easily integrated into any website or web app.

With the SDK, companies enable their users to scan all common 1D and 2D barcodes right from their browsers, both individually and in batches. The SDK provides several ready-to-use components for different scanning modes, ensuring you always have the right tool for the job.

Single Scanning Mode: Read a single barcode. By interfacing with a database, you can show the user additional information like a product name and image.

Batch Scanning Mode: Scan multiple barcodes in succession without leaving the scanning screen. A collapsable list lets users keep track of every scanned barcode.

Multi-Scanning Mode: Scan all barcodes in the viewfinder at once. With the optional augmented reality (AR) overlay, you can preview their data on the screen in real time.

Find & Pick Mode: Provide a barcode value and the SDK will highlight the matching barcode in the viewfinder. Perfect for finding items with a specific label among many.

Scan & Count Mode: Let the SDK count the number of barcodes scanned. You can choose between counting all barcodes or only those with unique values.

Barcode Vision Mode: Use our SDK’s AR feature to display additional information about the barcoded item right in the viewfinder.

Thanks to the SDK’s extensive configuration options and highly flexible UI components, you can adapt these scanning modes to perfectly suit your use case.

Highly performant in real-world conditions

We’ve fine-tuned the SDK’s computer vision model with machine learning to ensure it always scans barcodes accurately, even when the lighting is poor or when the barcode is damaged, very small, or far away. It also operates fully offline, making it a dependable tool in environments with spotty connectivity. In good conditions, the SDK can achieve scanning speeds of 0.04 seconds per barcode.

This uncompromising focus on performance along with our enterprise-grade customer support distinguishes the Scanbot Web Barcode Scanner SDK from alternative solutions like ZXing.

Easy integration into your website or web app

The Web Barcode Scanner SDK is based on WebAssembly and comes with easy-to-integrate APIs for JavaScript and TypeScript. It supports popular frameworks like React, Vue.js, and Angular and can be turned into a Progressive Web App (PWA) with just a few lines of code.

To add the Scanbot SDK to your project, just run …

npm install scanbot-web-sdk --save

… and import ScanbotSDK

import ScanbotSDK from 'scanbot-web-sdk'

… or load the ui2 binary if you’d like to use the SDK’s RTU UI Components:

import ScanbotSDK from 'scanbot-web-sdk/ui';

If you’re not using npm in your project, you can still use npm as a one-time command to download the Scanbot Web SDK package:

# Use npm pack to download the SDK package as a tarball

npm pack scanbot-web-sdk

# Extract the tarball

tar -xf scanbot-web-sdk-*.tgz

Now you can put a <script src="package/bundle/ScanbotSDK.min.js"></script> tag in your index.html. The script puts the SDK entry point into a global variable named ScanbotSDK.

Get started scanning barcodes with your website or web app today

You can run the Scanbot Web Barcode Scanner SDK from your project for 60 seconds per session without a license. For more in-depth testing, you can generate a free trial license.

Our example apps on GitHub include implementations for various JavaScript frameworks to help you with the integration process. We also offer free integration support via Slack and MS Teams to help with any remaining questions.

Already convinced? Then make the most of our fixed pricing model and request a quote today!