Tag: barcode reader
-
VIN stands for vehicle identification number. It is a unique 17-character code to identify individual vehicles. The VIN contains information about your car’s make, model, and year, as well as the country where it was manufactured and other important details. You may find the VIN label on your car’s dashboard,...
-
An IP camera, also known as a network camera, is a digital video tool that sends and receives data via the internet. Unlike its analogue predecessor, the CCTV (Closed Circuit TV), it offers the functionality to view live or recorded footage from anywhere, anytime using a web-based platform or mobile...
-
UPC is a type of barcode widely used to identify retail products while EAN is a superset of it adding an extra digit to the beginning. EAN-13 and UPC-A are the common versions while EAN-8 and UPC-E are the less used versions for small packages. An EAN or a UPC...
-
Barcode has been around for more than half a century. There are various types of barcodes and reading libraries. Some libraries focus on one barcode format like libdmtx while most libraries can read all kinds of formats. In this article, we are going to implement a mobile barcode scanner with...
-
In the previous article, we’ve talked about how to control camera zoom on the web. In this article, we are going to add the feature to automatically zoom in to scan a tiny or distant QR code to a web QR code scanner. Dynamsoft Barcode Reader is used to read...
-
Object detection is a computer technology related to computer vision and image processing that deals with detecting instances of semantic objects of a certain class (such as humans, buildings, or cars) in digital images and videos.1 It can be used in a barcode reading task as barcodes are often printed...
-
A barcode or bar code is a method of representing data in a visual, machine-readable form. There are all kinds of barcodes and mainly, they can be divided into 1D barcodes and 2D barcodes. We can get binary data from barcodes and there are different ways to interpret the data....
-
Zapier is a workflow automation platform. It has integrated over 6000 applications and we can chain different applications in the same workflow without writing code. In this article, we are going to build a Zapier app integration to scan barcodes. We can scan barcodes in a web application and the...
-
PDF uses the PostScript language to encapsulate a complete description of a fixed-layout flat document, including the text, fonts, vector graphics, raster images and other information needed to display it. Storing barcodes as vector graphics is better for printing as the barcodes can scale without losing the quality and tend...
-
Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. It has been acquired by Shopify and is the recommended framework in React’s docs. In this article, we are going...
-
In the previous article, we talked about the possibility of transferring files via QR codes and built a demo web app. In this article, we are going to build a cross-platform version using Ionic Vue which can run on Android, iOS and Web. The mechanism is also improved by adding...
-
In the previous article, we built a simple barcode reader server in Python and deployed it on Vercel. In this article, we are going to deploy it on AWS Lambda to provide a serverless barcode reading interface. New Function Create a new AWS Lambda function. Here, we do this in...
-
Web and mobile app development has drawn most of the attention in recent years, but desktop apps still play a critical role in our productivity. The Windows UI Library (WinUI) is a native user experience (UX) framework for both Windows desktop and UWP applications. It is Microsoft’s latest technology to...
-
In this article, we are going to talk about how to build a web app to scan ISBN barcodes to get the info of books and manage bills of books on Airtable. Airtable is a spreadsheet-database hybrid, with the features of a database but applied to a spreadsheet. It can...
-
GS1 is a not-for-profit, international organization developing and maintaining its own standards for barcodes. GS1 defines the rules to encode a barcode content so that it contains information about a product: its GTIN (Global Trade Item Number), the weight or dimensions of the item, its price, the lot/batch code, the...
-
In the previous article, we run a QR code scanner in React-Native-WebView on Android and iOS. React Native can also run in a web browser with React Native Web, which uses React DOM to accurately render React Native compatible JavaScript code in a web page. In this article, we are...
-
React Native is an open-source UI software framework to create apps mainly for Android and iOS. Apart from native components, we can also use React-Native-WebView to utilize web technologies. In this article, we are going to take about how to start a QR code scanner in React-Native-WebView. We can use...
-
ASP.NET Core is a cross-platform, high-performance, open-source framework for building modern, cloud-enabled, Internet-connected apps. It is convenient to use it to build web APIs and web apps. In this article, we are going to talk about how to set up a simple barcode reading server in ASP.NET Core with Dynamsoft...
-
Jetpack Compose is Android’s recommended modern toolkit for building native UI. It simplifies and accelerates UI development on Android. In this article, we are going to create a QR code scanner to demonstrate how to use Dynamsoft Barcode Reader and Dynamsoft Camera Enhancer in Jetpack Compose. Here is a video...
-
Java is one of the most popular programming languages in use, especially for client–server web applications. In this article, we are going to talk about how to set up a simple barcode reading server in Java with Jetty as the web server and servlet container. This article is Part 2...
-
Glide is a no-code app builder which makes it easy to create apps. Dynamsoft is a partner of Glide to provide it with the barcode scanning feature based on its barcode reading SDK. In this article, we are going to use Glide to create a demo app which scans barcodes....
-
A barcode is an optical, machine-readable, representation of data. There are different types of barcodes which are used in different contexts. EAN or UPC codes are printed on most items in stores. Code128 codes are used extensively in the shipping and packaging industries. QR codes have greater storage capacity and...
-
Notion is an all-in-one workspace for us to use the computer. It is basically a note-taking app but it is more than that with great customizability. In this article, we are going to build a web app to scan ISBN barcodes to get the info of books and save them...
-
The International Standard Book Number (ISBN) is a numeric commercial book identifier.1 It is a special kind of the EAN-13 barcode format for books. It may also include an EAN-5 add-on which indicates the price info. We can use ISBN for book management, inventory tracking, retails, etc. In this article,...
-
In the previous article, we’ve created an Oracle APEX application to scan documents. In this article, we are going to add barcode scanning function to the Oracle APEX application with Dynamsoft Barcode Reader. You can check out the video to see what it does. Build an Oracle APEX Application to...
-
Next.js is a flexible React framework that gives you building blocks to create fast web applications. It can pre-render your React app so that it is SEO-friendly. It supports several types of pre-rendering including server-side rendering or static generation, and updating or creating content at runtime with incremental static regeneration....
-
Near-field communication (NFC) is a set of communication protocols that enables communication between two electronic devices over a distance of 4 cm (11⁄2 in) or less.1 We can store the data in an NFC tag in the NDEF format and then put a phone with NFC support to read its...
-
In the previous article, we talked about how to scan documents in a FileMaker custom app using Dynamic Web TWAIN. In this article, we are going to add a barcode scanning function in a FileMaker custom app using Dynamsoft Barcode Reader. We embed an MQTT receiver web app in the...
-
In places like laboratories, we often need to scan a tray of multiple tubes with barcodes on the top (like the following image). The tubes may be used for Covid-19 PCR test. They need to be retrieved in reading order (from left to right and line by line from the...
-
In scenarios like inventory management and checkout, we often need to get the barcodes into a PC device. We can use a handheld laser barcode scanner to scan the barcodes and send the results to a PC device via USB, Bluetooth or network. But as smartphones are ubiquitous now, we...
-
Chrome extensions are software programs, built on web technologies (such as HTML, CSS, and JavaScript) that enable users to customize the Chrome browsing experience.1 In this article, we are going to write a Chrome extension to add the barcode reading function to web pages with Dynamsoft Barcode Reader. The extension...
-
The International Mobile Equipment Identity (IMEI) is a numeric identifier, usually unique, for 3GPP and iDEN mobile phones, as well as some satellite phones. It is usually found printed inside the battery compartment of the phone but can also be displayed on-screen on most phones by entering *#06# MMI Supplementary...
-
Solidjs is a web framework like React. Instead of using techniques like virtual DOM, it compiles its templates to real DOM nodes and updates them with fine-grained reactions. In this article, we are going to build a barcode and QR code scanner using Solidjs. Dynamsoft Camera Enhancer is used to...
-
Barcode reading is a complex task with different challenging scenarios. To suit most scenarios, Dynamsoft Barcode Reader provides rich image processing parameters which users can adjust. There are two ways to adjust the parameters. One is via the code: // JavaScript example to set the barcode format to QR code...
-
In the previous article, we’ve built a NativeScript plugin for camera preview. In this article, we are going to create a NativeScript plugin for Dynamsoft Barcode Reader which can be used for scanning barcodes or QR codes. This article is Part 2 in a 2-Part Series. Part 1 - How...
-
In the previous article, we demonstrated how to build a React Native QR code scanner using Vision Camera and the Dynamsoft Barcode Reader frame processor plugin. In this article, we are going to talk about how to build a barcode scanner using Expo. Expo is an open-source platform for making...
-
Svelte is a web framework like React or Vue. Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes. In this article, we are going to build a barcode and QR code scanner using Svelte. Dynamsoft Camera...
-
Quasar is a Vue.js-based framework, which allows web developers to quickly create responsive websites/apps, while Capacitor is a runtime for creating cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS. In this article, we are going to use the two to create a QR code scanner using...
-
In tasks like barcode scanning and text recognition, we often need to limit the scan region so that only the desired info is extracted. In this article, we are going to build a viewfinder web component as the following which shows which area will be processed. Stencil.js is used to...
-
In the previous article, we’ve built a React camera component. In this article, we are going to extend the camera component to create a React barcode and QR code scanning library using Dynamsoft Barcode Reader. Create a React Barcode and QR Code Scanning Library We are going to create a...
-
Using the getUserMedia API, we can get the camera preview in a video element, which makes it possible to do computer vision tasks like barcode scanning in a browser. In this article, we are going to write a camera component for Vue using getUserMedia and build a barcode scanning demo...
-
Web Components are a set of features that provide a standard component model for the Web allowing for encapsulation and interoperability of individual HTML elements. 1 We can define a custom element to use in any HTML environment, with any framework, or with no framework at all. Stencil is a...
-
In the previous article, we’ve given a brief demonstration on how to use the capacitor-plugin-dynamsoft-barcode-reader to create a cross-platform QR code scanner using Ionic React. In this article, we are going to use Ionic Vue to create such a QR code scanner. Online demo Building an Ionic Vue QR Code...
-
Noise in barcode images poses a challenge for successful barcode reading. There are many types of noise. Here are some examples: Patterned noise caused by bad printing or scanning.1 Image source Noise caused by taking a photo with digital cameras in low light.2 We can run image processing to improve...
-
The Ionic framework has shifted its native runtime from Cordova to Capacitor. But we can still create Ionic Angular projects based on Cordova. In this article, we are going to create an Ionic Angular QR code scanning app based on Cordova using the cordova-plugin-dynamsoft-barcode-reader and the ionic wrapper. Preview of...
-
iOS has added support for getUserMedia in WKWebView since iOS 14.3 and WebAssembly since iOS 11. So it is possible to use the JavaScript version of Dynamsoft Barcode Reader to scan barcodes and QR codes in WKWebView. In this article, we are going to build a demo app to illustrate...
-
Google Chrome has getUserMedia support since v53 and WebAssembly support since v57, which makes it possible to use Dynamsoft Barcode Reader to scan barcodes and QR codes in the web context. The WebView component included in modern Android uses Chrome as its backend, so we can also run a barcode...
-
In many barcode scanning situations, we only need to select one barcode while there are many other barcodes around it. How to avoid scanning unwanted barcodes and only get the barcode result we want? In this article, we are going to talk about ways to select one barcode from many....
-
In the previous article, we’ve talked about how to use the Barcode Detection API to create a web QR code scanner. However, not many browsers support the API. So in this article, we are going to write a polyfill for the Barcode Detection API with the JavaScript version of Dynamsoft...
-
The Ionic framework has shifted its native runtime from Cordova to Capacitor. But for compatibility concerns and the fact that there are many good Cordova plugins, we can still use Cordova plugins in an Ionic project. We can directly use Cordova plugins with the cordova object, but there is a...
-
Normally, we scan barcodes and QR codes from live camera streams or static images. But sometimes, we may need to read barcodes from video files, like scanning the barcodes on a long shelf and evaluating the performance of live scanning. A video contains rich information. A state-of-art mobile phone can...
-
In the previous article, we’ve given a brief demonstration on how to use the capacitor-plugin-dynamsoft-barcode-reader to create a cross-platform QR code scanner using web technologies with Capacitor. In this article, we are going to take a step further to create an Ionic React QR Code Scanner. Online demo on netlify:...
-
In the previous series articles, we’ve created a react-native-vision-camera frame processor plugin of Dynamsoft Barcode Reader to scan barcodes. In this article, we are going to build a QR Code scanner using this plugin to better illustrate how to use it. A preview of the final result: The app consists...
-
In the previous article, we’ve created a React Native Vision Camera frame processor plugin for Dynamsoft Barcode Reader (DBR). Let’s continue to create the frame processor plugin for iOS. This article is Part 2 in a 3-Part Series. Part 1 - Build a React Native Vision Camera Frame Processor Plugin...
-
The previous popular react-native-camera project is now deprecated in favor of react-native-vision-camera. Vision Camera offers new APIs, better performance, improved stability and more features. It has a feature called Frame processors, which makes it easy to integrate extra image processing abilities. We are going to create a frame processor plugin...
-
Note: This article talks about how to build a QR code scanner native UI component for React Native. If you need to use Dynamsoft Barcode Reader in a React Native project for production, please use the official Dynamsoft Capture Vision SDK. React Native is an open-source UI software framework made...
-
PDF417 is a stacked linear barcode format used in a variety of applications such as transport, identification cards, and inventory management.1 We can find it on a boarding pass, driver’s license, patient wristband, etc. PDF417 on a US driver’s license: A PDF417 has five parts: start pattern, left row indicator,...
-
Although almost every Android phone is equipped with cameras, some Android devices, like TV boxes and kiosks, may not have cameras built-in. An easy way to add extra camera functionality to these devices is by connecting with a USB camera if they support USB-OTG. Starting from Android 9, the Android...
-
Looking for the best Data Matrix SDKs for your application, you’ve come to the right place. Let’s learn about what is Data Matrix and do a benchmark to find out which SDK is the best. Data Matrix is a type of two-dimensional code. It is often used to mark small...
-
Capacitor is an open source native runtime created by the Ionic team for building Web Native apps. We can use it to create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.1 As an alternative to Cordova, Capacitor delivers the same cross-platform benefits, but with a more...
-
Apache Cordova is a tool to create cross-platform apps from standard web technologies (HTML, CSS, and JavaScript). Its primary purpose is to provide a bridge for native device API access and to bundle for distribution.1 In this article, we are going to use Cordova to build a QR code scanner...
-
ZeroMQ is a high-performance asynchronous messaging library, aimed at use in distributed or concurrent applications. It supports common messaging patterns (pub/sub, request/reply, client/server and others) over a variety of transports (TCP, in-process, inter-process, multicast, WebSocket and more), making inter-process messaging as simple as inter-thread messaging. 1 ZeroMQ can be used...
-
Scalable Vector Graphics, SVG, is a W3C XML dialect to mark up graphics1. SVG can be created dynamically with JavaScript and injected into the HTML DOM2. Using SVG, it is very easy to draw a graphics in a web page. Below is a polygon example: <svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">...
-
QR code is useful to transfer data across different devices. An Android device can exchange data with an iOS device through a QR code. It does not require setting up a wireless network and does not have the hassle of pairing using Bluetooth. As it is a screen-camera solution, it...
-
Image annotation is a key step in deep learning. It prepares the data for tasks like image classification, object detection, semantic segmentation, etc. For image classification, we only need to annotate the label. For object detection, we also need the bounding box and for segmentation, we need to annotate objects...
-
Introduction Accuracy is a key metric of barcode reading SDKs. Given an image, a barcode engine should correctly detect whether one or more barcodes exist. If barcodes exist, the percentage of correct values returned dictates the accuracy. As a software developer, choosing a barcode engine that has the best speed,...
-
QR Code is widely used in our everyday life. As a two-dimensional barcode, it can store more data than 1D barcodes. It can be captured using a camera and then be decoded using image processing methods. Reading QR codes in the real world is a challenging job. For example, the...
-
The International Article Number (also known as European Article Number or EAN) is a standard describing a barcode symbology and numbering system used in global trade to identify a specific retail product type. The most commonly used EAN standard is the thirteen-digit EAN-13. 1 The 13-digit EAN-13 number consists of...
-
Motion detection can detect whether there is a change in the positions of objects. It can be achieved by many methods. For example, infrared light or laser technology can be used for optical detection. As for image processing methods, there is a basic one by a fixed camera, which compares...
-
In the B4X developing suite, B4J is used to develop desktop apps based on JavaFX or server apps based on Jetty. By default, it cannot be used to create web applications without a server. A third-party library, BANano, makes this possible. It can transpile everything you write in B4J to...
-
This article is Part 2 in a 3-Part Series. Part 1 - Cross-Platform Barcode Reader with B4X Part 2 - B4X Live Barcode Scanner | Scan QR Codes From Camera Stream Part 3 - Web Barcode Reader using B4X In the previous article, we created a Dynamsoft Barcode Reader library...
-
B4X is a set of rapid development tools which can be used to develop apps for all the major mobile and desktop platforms. It has four products: B4A, B4i, B4J and B4R, which aim at Android, iOS, Java (desktop with JavaFX, server and Raspberry Pi) and Arduino development. Apart from...
-
Let’s continue discussing scanning QR codes at a distance. In this article, we’ll talk about resolution. Using the camera’s highest resolution Most of the current smartphones’ video stream resolution can be set to 1080P (Full HD) and many of them support 4K (Ultra HD) video capturing. The higher the resolution...
-
Have you had such an experience that you need to scan a QR code displayed on a screen in the front of a meeting room, but you sat in the back? You opened the barcode scanning app and aimed it at the code, but it just couldn’t read the code....
-
Camera control and barcode reading are two essential parts of a barcode scanner. Dynamsoft Barcode Reader is an advanced barcode reader with an easy-to-use Android library. The implementation of the barcode reading function is simple and straightforward. Making a good camera app, however, is not easy. In Android, there are...
-
This article will guide you through the creation of a JavaFX GUI barcode reading application (as shown below) using Dynamsoft Barcode Reader SDK (DBR) and vlcj. JavaFX is an open-source, next-generation client application platform for desktop, mobile, and embedded systems built on Java.1 vlcj is a Java framework to allow...
-
Originally designed for the automotive industry1, QR code (abbreviated from Quick Response code) has become popular in various usage scenarios. QR codes can encode richer content than 1D barcodes, from website URLs to even a small image. They can be displayed on screens and printed on posters, package boxes, etc....