Dynamsoft Developer Blog

NativeScript is an open-source native runtime for building native mobile apps with JavaScript. We can easily call native APIs using JavaScript. A NativeScript plugin is any npm package that exposes a native API via JavaScript which is made convenient for projects to use. In this article, we are going to...

The MediaStream ImageCapture API is an API for capturing images or videos from a photographic device. We can use it to enable the capabilities of the native device like turning on the torch and taking a high-resolution photo. It is supported on Chrome Android. You can check the compatibility here....

Dynamsoft Document Normalizer is an SDK to detect the boundary of documents and runs perspective transformation to get a normalized document image. In this article, we are going to build an iOS document scanner using Dynamsoft Document Normalizer and AVFoundation. A demo video of the final result: The scanning process:...

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...

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. Using Capacitor plugins, we can use JavaScript to interface directly with native APIs. In this article,...

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...

Dynamic Web TWAIN provides JavaScript API for camera and document scanner access, which allows developers to embed document scanning functionality into web applications. This article aims to build reusable Angular components based on Dynamic Web TWAIN SDK for expediting the development of web document scanner application in Angular. Pre-requisites Node.js...

Dynamsoft Document Normalizer is an SDK to detect the boundary of documents and runs perspective transformation to get a normalized document image. A normalized image can be used for further processing such as OCR. In this article, we are going to create an Android document scanner using Dynamsoft Document Normalizer...

In the previous series of articles, we’ve created a react-native-vision-camera frame processor plugin of Dynamsoft Label Recognizer to recognize text. In this article, we are going to build an MRZ scanner using this plugin to better illustrate how to use it. MRZ stands for machine-readable zone, which is usually at...

In the previous article, we’ve talked about how to build a React Native Vision Camera frame processor plugin for Android to recognize text using Dynamsoft Label Recognizer. In this article, we will finish the iOS part of the plugin. This article is Part 2 in a 3-Part Series. Part 1...

Dynamsoft Label Recognizer (DLR) is an SDK that makes it easy to add text recognition function to our apps. We can use it to recognize text on labels, ID cards, etc. In this article, we are going to create a React Native Vision Camera frame processor plugin for DLR 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. Getting started with Dynamsoft Barcode Reader DOWNLOAD THE SDK WITH A 30-DAY LICENSE REQUEST A...

With the getUserMedia API, we can access the camera in web browsers, which makes it possible to do computer vision tasks like barcode scanning. In this article, we are going to build a camera component for React with hooks. Build a React Camera Component with Hooks We are going to...

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...

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...

Previously, I wrote a blog post sharing how to implement a Flutter QR code scanner plugin for Android. For cross-platform mobile development, a plugin is not perfect if it does not support both Android and iOS. In this article, I am going to complement the iOS part of the plugin...

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...

The MediaDevices.getUserMedia() is the only API used to access cameras from web browsers. Although it is simple, to implement a complete web camera viewer, there are still a lot of work to do. There was no existing JavaScript camera widget available until Dynamsoft released the Camera Enhancer library recently. Now,...

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...

Creating a virtual camera is useful to test camera-dependent applications. We can use static images or videos as the image source for the virtual camera to test things like barcode reading, text recognition, and document scanning. Adopting pyvirtualcam Creating a virtual camera involves complex driver development. Fortunately, there have already...

As the dominant JavaScript document scanning SDK, Dynamic Web TWAIN has recently adopted WebAssembly as the new weapon. From version 17.2, Dynamic Web TWAIN does not only support cross-platform (Windows, Linux, and macOS) scanner access, but also allows developers to utilize desktop and mobile cameras to scan documents using JavaScript....

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...

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...

In this article, I will walk you through how to implement a lightweight Flutter QR code scanner plugin. The plugin supports scanning QR Codes from live video streams of Android phones. You can find the package on pub.dev. Supported symbologies include QR Codes, linear codes, PDF417, and more. This article...

If you search for passport scanner software or MRZ reader software, you will find many of them are only available for mobile devices. For police officers, scanning passports by mobile devices is convenient when they are patrolling. However, for customs and immigration officers, they usually use desktop system and professional...

Updated in 2021: The Dynamsoft Barcode Reader now has a client-side JavaScript SDK which makes it possible to read barcodes from within the browser. Learn about the JavaScript SDK The Dynamsoft Barcode Reader now has mobile native SDKs supporting Android and iOS. The Dynamsoft Barcode Reader now has an official...

Previously, I wrote a post about how to recognize passport MRZ from an image file using C++. In this post, I will create a more productive Android app, which utilizes camera to recognize MRZ. This article is Part 2 in a 9-Part Series. Part 1 - Passport MRZ Recognition with...

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...

Dynamsoft Camera Enhancer (DCE) provides high-level APIs for developers to quickly create a camera application, such as a barcode scanner and a text scanner. The API surface works across most Android and iOS devices. While it leverages the capabilities of Android’s Camera2 and iOS’s AVCaptureSession, it is much easier to...

Cameras are now ubiquitous in our life. Every mobile phone has built-in cameras which can shoot nice photos. As for document scanning, there is document camera (also called overhead scanner) which is adjustable and has high resolution. Image source: https://www.amazon.com/Conferencing-Recording-Classroom-Real-time-Definition/dp/B08V4WLPX1/ A document camera has the following benefits: Users don’t have...

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...

Dynamic Web TWAIN has added some exciting features related to the mobile platform since its version 16. Document capturing via mobile cameras, 16.0 PDF Rasterizer mobile edition, 16.0 LoadImageEx supports mobile platform, 16.1 Acquiring images from a remote scanner, 16.1 The scanDocument API which makes it easy to call a...

I’ve collected some learning resources of multi-camera programming for iOS and Android. Because of the hardware limitation, I have not tested the samples provided by Apple and Google. Multi-Camera for iOS OS Version v13+ Devices iPhone XS, XS Max, XR and iPad Pro. AVFoundation API Virtual camera ToF Camera N/A...

Previously, I shared an article demonstrating how to use Camera2 APIs and Dynamsoft Barcode Reader to build a simple Android barcode reader app. In that demo project, the barcode decoding part is implemented in Java, which apparently has room for improvement. If we can get the pointer to the native...

Assume you apply barcode technology to the logistics conveyor belt for scanning parcels. A problem you may face is how to recognize barcodes from blurred images. Although we can use advanced algorithms to deal with this complicated case, we’d better improve the image quality as possible as we can. A...

Building Android camera apps is much more complicated than building iOS camera apps due to the different vendors and hardware specs. Since from API level 21, the old Camera class was deprecated and a brand-new Camera2 class was born. In this post, I want to use the least code to...

In my previous article, I shared how to use PyQt and Dynamsoft Barcode Reader to create a simple Windows-styled GUI app to read barcodes from image files. Now I am going to add a little bit more code to scan barcodes from the webcam video stream. Showing Webcam Video Stream using PyQt...

Dynamsoft Android Camera SDK is coming soon. In this article, let’s preview the SDK and learn how to write an Android document scanning app with a few lines of Kotlin code. Features Automatic border detection Trimming and perspective correction Image enhancement iOS image processing Offline I/O and PDF Customizable UI...

A few weeks ago, Dynamsoft released an iOS camera SDK that aims to help developers quickly build a document scanning app for iOS platform. In this post, I will share how to configure the SDK in Xcode, as well as how to create a simple document scanner app from scratch....

For the past week, I was looking for a live streaming solution to broadcast video from a USB webcam that connects to Raspberry Pi. This post will help you set up a live streaming server on Raspberry Pi step by step. Installing FFmpeg on Raspberry Pi My first try was to...

Raspberry Pi has been widely used in industrial environments. For instance, you can make a barcode scanner with Raspberry Pi and camera. This article will be useful for developers who want to create Node.js barcode reader applications for IoT devices. I will share how to use Dynamsoft barcode SDK for...

If you have a USB camera, how can you build a simple C# camera application on Windows 10? There are three options:  WIA (Windows Imaging Acquisition), DirectShow and MediaCapture. After trying some sample code that downloaded from CodeProject and GitHub, I got the conclusion: 1. WIA is not good because...

When building mobile barcode scanning apps for Android or iOS, developers could either choose open source SDKs – ZXing and ZBar, or some commercial mobile barcode SDKs. If you are an Android developer and have installed Android Play Services SDK level 26 or greater, it is convenient to create Android...

When you are going to purchase a new smartphone like iPhone 6 or Galaxy S5, don’t just throw your old devices away. Via socket connection, we can build a remote monitoring system with obsolete mobile devices instead of purchasing expensive Webcams or wireless cameras. In this article, I’d like to...

In this tutorial, I’d like to share how to write a simple Android application to take a picture, as well as upload the image to a remote PHP server. Let’s get started with a simple Java application. [caption id=”attachment_3447” align=”aligncenter” width=”600”] Ads Powered by Dynamsoft[/caption] Uploading Images with Java Download the...

In this tutorial, I want to make a more complicated WebSocket demo, which enables me to capture images from scanners on server side, and view the images in desktop web browsers or mobile web browsers. Here is the flowchart:   Prerequisites Read Image Transmission between a HTML5 WebSocket Server and...

In my daily life, I enjoy taking photos with my smartphone and uploading them to various websites. So I started thinking, “Is it possible to implement these functions in a web browser?” Fortunately, the new HTML5 SDK is capable of uploading local images or captured images to web servers. Everything...

Barcode scanning, especially QR code scans, are now widely used in various applications. This includes advertisements, newspapers, social networks, signage, and so on. The growth of QR codes is in large part due to the smartphone market’s booming growth. As a result, scanning technology tends to be more and more useful...

Control web cameras or the built-in laptop webcams inside IE, Firefox and Chrome with JavaScript In some scenarios, such as Visitor Monitoring module for a government department or Patient Tracking module for a hospital, we may need to take a snap of human faces, patient charts, user IDs and so...