Dynamsoft Capture Vision JavaScript Edition - Documentation

Dynamsoft Capture Vision (DCV) is an aggregated SDK for a series of specific function products covering image capture, content understanding, result parsing and interactive workflow. In short, it obtains and processes images to derive their specific information that is meaningful in a business context.

The design of DCV empowers developers to effortlessly build conceptual prototypes within hours, while also providing the flexibility for complex customizations to handle more demanding tasks.

Learn more about Dynamsoft Capture Vision.

These documents discuss the implementation of DCV in JavaScript and are intended to help developers learn and use DCV in web applications that typically run in the browser.

Implementation Differences

For DCV, no matter which platform or language it is implemented in, a specific task can always be divided into three stages: input, image processing, and output. However, there are often some differences between these implementations due to typical use cases or technical limitations. When implementing DCV in JavaScript, our considerations are as follows:

• Input: at this stage, DCV obtains images from an Image Source Adapter (ISA). In web applications, these images are usually captured from live video, and the SDK Dynamsoft Camera Enhancer is the most commonly used ISA.

• Image Processing: at this stage, DCV processes the images and derives information from them. This is the essential part of the task and is powered by the cutting-edge algorithms developed by Dynamsoft. To make these algorithms work as efficiently as possible in a web environment such as a browser, they are compiled into WebAssembly modules (files withe the extension .wasm). These modules are considered large in size in a web environment, and DCV has the ability to asynchronously preload them into the web page to improve user experience.

• Output: this is the last stage of a DCV task, at which the derived information is made available to other business logic. The information comes in the form of various types of results through the Captured Result Receiver (CRR) interface. In web applications, real-time interaction is important. Therefore, DCV leverages Dynamsoft Camera Enhancer’s UI functionality to display results at runtime and in some cases allow user intervention to get better results.

Using the SDK

Get started

The best way to get started with Dynamsoft Capture Vision JavaScript Edition is to follow the User Guide of an SDK with specific function to build your own application.

• User Guide for Dynamsoft Document Normalizer
• User Guide for Dynamsoft Barcode Reader

Check APIs

While the guide has introduced all the common APIs, you can find more detailed explanation of them and other APIs in the API Reference.

Read about CaptureVisionTemplate

As with other implementations of DCV, in JavaScript, all that needs to be done to use DCV are

1. Create a CaptureVisionRouter instance
2. Define and bind to the instance an image source and a result receiver
3. Choose a task to be carried out by specifying a template

Obviously, the difference in the use of DCV in different applications lies in the choice of template. Dynamsoft provides some popular built-in templates and will add more options over time. However, you may want to understand an existing template, try to adjust it or even define your own template. To learn more, you can read about CaptureVisionTemplate.

Assumptions

These documents assume you are already familiar with the Architecture of Dynamsoft Capture Vision and the technologies HTML, CSS, and JavaScript.

Contact Us

Feel free to contact us if you have any questions.