How to Enable Barcode Scanning from Mobile Browsers

How to Enable Barcode Scanning from Mobile Browsers

You have a requirement to enable web-based barcode scanning for your mobile users. But, you don’t want to do it via an app since it requires extra effort for both users and developers. You also want to enable users to read barcodes from your website via the camera of a mobile phone or tablet. How do you do that?

In this post, we introduce a solution for barcode scanning from mobile browsers using Dynamsoft Barcode Reader (DBR) SDK.

Supported barcodes include:

  • 1D Barcode
  • QR Code
  • DataMatrix
  • Aztec Code
  • PDF417

There are mainly two ways to decode barcodes in mobile browsers:

  • Server-Side scanning
  • Client-Side scanning

Read Barcodes from Live Camera Feed on Client Side

Our JavaScript barcode reader API based on WebAssembly technology enables you to read barcodes from live video stream within desktop and mobile browsers. It supports real- time localization and decoding from live camera feed.

With the JavaScript API, you can easily integrate barcode scanning into your browser-based workflow. On mobile phones, your customers and employees will no longer have to download an App.

For browser compatibility and performance data with different browsers, please refer to Best Practices for Increasing Speed with Dynamsoft Barcode Reader JavaScript Edition

You can open the demo URL in your mobile browser or scan the QR Code below using your mobile camera to try out the client-side barcode scanning demo.
DBR6.4.1JS_Demo

Try it yourself

Download Sample Code>

Get 30-day free trial of JavaScript barcode SDK>

Read Barcodes on Server Side

Users can access the web page via their mobile browsers, capture an image or load an existing one, upload it to the server, and the server will decode the barcode content, and then return the decoded result.

The video below shows how this works:

You can open the demo URL in your mobile browser or scan the QR Code below using your mobile camera to try out the server-side barcode scanning demo.

QR Code

Scan QR Code using your mobile camera to open our Dynamsoft Barcode Reader demo for Server-Side Decoding 

Try it yourself

Download sample code >

Get 30-day free trial >

Subscribe Newsletter

Subscribe to our mailing list to get the monthly update.

Subscribename@email.com