Dynamic Web TWAIN HTML5 Scanner SDK

HTML5 / JavaScript Scanning Library for Modern Browsers - Chrome, Firefox, Internet Explorer & Edge

With Dynamic Web TWAIN HTML5 Scanning SDK, you can interact with scanners, cameras and other TWAIN compatible peripherals in HTML5 compatible browsers.

The TWAIN HTML5 SDK is specifically addressing the phasing out of ActiveX and NPAPI plugins used by the browsers. Now you can control scanners via the browsers with the new HTML5/JavaScript library without the need to install an ActiveX control or plug-in extension.

Try Dynamic Web TWAIN HTML5 Online Demo

This demo also utilizes ActiveX edition and Mac edition of Dynamic Web TWAIN to support full-range browsers.
Edition comparison →

Try HTML5 Online Demo

Features of Web TWAIN HTML5 Scanner SDK

  • Support Internet Explorer 10 & 11, Edge, Chrome v27+ & Firefox v27+ on Windows;
  • Capture documents and images from TWAIN devices like scanners, Multi-Function Printer and webcams;
  • HTML5 Canvas Viewer Control for viewing images (with image indexes) in a web page;
  • Thumbnail preview for multi-page image formats;
  • Built-in image manipulation and processing features such as Crop, Rotate, Flip, Resize/Scale, Mirror, Erase, Move image, Switch image;
  • Supports mouse input;
  • Interactive Modes Include: Pan, Scale, Zoom to Rectangle, Center at Point, Zoom;

How it Works

Features of Web TWAIN HTML5 Scanner SDK

As demonstrated in the above illustration, there are two core modules in Dynamic Web TWAIN HTML5 scanning SDK:

  • JavaScript Client: This is the Dynamic Web TWAIN JavaScript library. It communicates with the Web TWAIN service. It accepts the operation requests from users and sends them to the Web TWAIN service. It also handles the UI display.
  • Scanning Windows Service: This module accepts user operation commands from a JavaScript client. It is a Windows service that listens on localhost and handles the interface with TWAIN and passes the response to the JavaScript layer. Users only need to install the service once.

You can easily use the following JavaScript code to scan images with the Dynamic Web TWAIN SDK:

function AcquireImage() {
    var DWObject = Dynamsoft.WebTwainEnv.
    GetWebTwain('dwtcontrolContainer');
    DWObject.IfShowUI = false;
    DWObject.SelectSource();
    DWObject.OpenSource();
    DWObject.AcquireImage();
}                

Extensibility

Because Dynamic Web TWAIN HTML5 SDK is built using HTML5 technology, it can be easily extended to HTML5-compatible browsers on Windows and other mobile platforms.

We already had a plan for additional Dynamsoft software development kit add-ons that address HTML5 requirements in all other popular browsers. If you have any questions or need help in deciding upon Dynamic Web TWAIN HTML5 SDK or any other Dynamsoft SDKs, please let us know.

Getting Around the Complexities of Developing Web-based Document Scanning Solutions

- Web Scanning with Dynamsoft's Dynamic Web TWAIN HTML5 SDK.

Get White Paper