Tag: html5

Generate and scan VIN barcodes in JavaScript: build a valid 17-character VIN with the North American check digit calculated as you type, render it as Code 39, Code 128, QR Code or Data Matrix with bwip-js, and decode it with Dynamsoft Barcode Reader — importing the 18-character form, verifying the...

Read the IATA BCBP barcode on a boarding pass in JavaScript with Dynamsoft Barcode Reader, then parse the Resolution 792 payload into structured fields — passenger, PNR, route, flight, seat, baggage and frequent flyer data — with nine structural checks and WebCrypto verification of the security section's ECDSA signature.

Build a browser-side IATA BCBP boarding pass generator in JavaScript: write a Resolution 792 payload with its nested size fields, auto-sign the security section (items 25–30) with WebCrypto ECDSA P-256, render it as PDF417, Aztec Code, QR Code or Data Matrix, draw a printed or mobile pass preview on an...

Build a browser-side GS1 barcode generator in JavaScript: compose a validated GS1 element string from application identifiers, calculate GTIN and SSCC check digits, pick the symbology a real supply chain would use, render a test label on an HTML5 canvas, and export the result together with the exact parse a...

Follow this browser-based JavaScript barcode scanner tutorial to build a vanilla JS web app with Dynamsoft Barcode Reader v11.x: scan 1D/2D barcodes from a live webcam, JPG/PNG images, and video files, draw bounding-box overlays on a canvas, load custom scan templates, and benchmark detection rate and precision.

Step-by-step tutorial on building a custom SPFx web part that embeds Dynamic Web TWAIN in an iframe to scan, edit, and upload documents from physical scanners inside SharePoint.

Learn how to build a web-based document scanning application with OCR and full-text search capabilities. Step-by-step tutorial using Dynamic Web TWAIN SDK, IndexedDB, and Canvas API for organizing and searching bulk scanned documents.

Learn how to build a modern web-based document scanner that combines Dynamic Web TWAIN for scanning and OCR with Chrome's Gemini Nano AI for intelligent document summarization. Ideal for digitizing large volumes of documents — from invoices and legal contracts to medical records — with on-device AI that keeps your...

Learn how to build a JavaScript document scanning and OCR web application using Dynamic Web TWAIN's OCRKit addon — scan images, recognize text in multiple languages, correct orientation, and export searchable PDFs from the browser.

Learn the key benefits of bulk document scanning for enterprise data management and build a Dynamic Web TWAIN JavaScript app that scans large document batches without browser crashes using disk-based caching, local storage, and session recovery.

Learn how to programmatically start and stop the Dynamic Web TWAIN service from a C# WinForms application — ship the service inside your own installer and eliminate browser installation prompts.

Learn how to use Claude Code AI agent (Claude Sonnet 4) to build a professional web document scanning app with Dynamic Web TWAIN SDK v19.2 in under 10 minutes — covers AI code generation, 4 required manual fixes, and a working online demo.

Learn how to use Dynamic Web TWAIN's IsBlankImageAsync() to auto-detect and remove blank pages from scanned document batches in a browser-based JavaScript app.

Learn how to embed PDF in HTML using native iframe, embed, and object tags, or JavaScript libraries like Dynamsoft Document Viewer. Compare all methods for cross-browser, mobile-responsive, and annotation-capable PDF embedding.

Learn how to scan documents with TWAIN, split and merge pages with drag-and-drop, and export multi-page PDFs programmatically using Dynamic Web TWAIN in JavaScript.

Step-by-step tutorial on building a Flutter hybrid document scanner app for Android and iOS — embed an HTML5 WebView scanner, capture documents with the camera, and save them as PDF files using Dynamsoft Document Viewer.

Learn how to integrate a barcode scanner in .NET MAUI HybridWebView using Dynamsoft Barcode Reader's JavaScript SDK. Runs on Windows, Android, and iOS from a single codebase.

Learn how to build a FastAPI barcode scanner integration with Uvicorn and Dynamsoft Barcode Reader SDK. Decode QR codes and barcodes from uploaded images via a Python web API.

Learn how to build a web document scanner in JavaScript that supports file upload, camera capture, and TWAIN scanner acquisition over a local network using the Dynamic Web TWAIN Service REST API.

Learn how to build a mobile web app that uses Dynamsoft Document Viewer and Document Normalizer to scan, resize, and wirelessly print documents from a phone camera using JavaScript.

Learn how to scan and parse vCard QR codes in JavaScript using Dynamsoft Barcode Reader. This tutorial covers vCard QR code generation from a contact form and live camera scanning with full source code.

Learn how to implement adaptive thresholding in JavaScript using HTML5 Canvas. Covers local mean thresholding, O(N) Integral Image optimization, and production-quality binarization with Dynamsoft Barcode Reader for barcode scanning on shadowed or uneven images.

Learn how to integrate Dynamsoft Barcode Reader into a Salesforce Lightning Web Component (LWC) using JavaScript, iframe, and postMessage for QR code and barcode scanning in CRM workflows.

Learn how to integrate a client-side document scanner in a Nuxt.js app using Dynamic Web TWAIN. Covers SSR setup with ClientOnly, TWAIN/WIA/ESCL scanning, and PDF export.

Learn how to read DotCode barcodes in a browser using Dynamsoft Barcode Reader's JavaScript SDK — covering live camera scanning, image file decoding, and the custom template needed for tobacco-industry DotCode marks.

Learn how to flatten (burn) PDF annotations in JavaScript using Dynamsoft Document Viewer — with code examples for flattening all annotations or selectively flattening individual ones.

Learn how to encrypt, decrypt, and password protect PDF files entirely client-side in JavaScript using Dynamsoft Document Viewer — with code examples for loading, unlocking, and saving secured PDFs.

Step-by-step tutorial to implement a QR code reader and barcode scanner in Nuxt.js using Dynamsoft Barcode Reader with live webcam access.

Step-by-step Vue.js tutorial: access the device camera, detect document borders in real time, crop and enhance scanned pages, and export a multi-page PDF — all in the browser with Dynamsoft Mobile Web Capture.

Learn how to compress images in the browser with JavaScript by adjusting resolution, color depth, JPEG quality, and converting to WebP or PDF formats using Dynamsoft Document Viewer.

Step-by-step React tutorial: capture documents via the browser camera, detect borders automatically, crop and enhance, then export to PDF using Dynamsoft Mobile Web Capture SDK.

Learn how to drag and drop to reorder scanned document pages in JavaScript using Dynamsoft Document Viewer and the HTML5 Drag and Drop API, with touch-device support and full source code.

Step-by-step tutorial to build a Next.js client-side ID card scanner component that reads MRZ and PDF417 barcodes from passports, driver's licenses, and ID cards via camera using Dynamsoft Capture Vision SDK.

The article talks about how to control camera focus with JavaScript using getUserMedia in a web application. It can adjust the focus mode, the focus distance and support tap to focus.

Learn how to remove noise from scanned documents, apply black-and-white image filters, and repair punch holes using JavaScript inpainting with the Dynamsoft Document Viewer SDK.

Step-by-step guide to building a JavaScript barcode scanner for EAN-13, UPC-A, EAN-8, UPC-E, and their 2-digit and 5-digit add-on codes using Dynamsoft Barcode Reader SDK.

Step-by-step tutorial to build a Vue 3 PDF viewer with annotation support using Dynamsoft Document Viewer. Create, view, and annotate PDFs in the browser.

Step-by-step tutorial to build a React PDF viewer and annotator with TypeScript using Dynamsoft Document Viewer. Create, view, and annotate PDFs in a web app.

Step-by-step tutorial to build a shipping label generator in JavaScript using Dynamsoft Document Viewer and bwip-js. Generate 4×6 labels with QR codes, export to PDF, and print directly from the browser.

Learn how to add PDF annotations — rectangles, text, stamps, ink, and redaction — to scanned documents using JavaScript and Dynamsoft Document Viewer. Includes code for programmatic annotation, saving, and loading annotated PDFs.

Step-by-step tutorial to build a vanilla JavaScript pan and zoom image viewer. Covers mouse-wheel zoom, touch pinch-to-zoom, and drag-to-pan using DOM scroll or Dynamsoft Document Viewer SDK.

Learn how to preview and select multiple images in a JavaScript document viewer using Ctrl+click and Shift+click selection modes, with Dynamsoft Document Viewer SDK and a from-scratch implementation.

Learn how to scan documents in batch and auto-split them into separate PDFs using barcode separator sheets with Dynamic Web TWAIN and Dynamsoft Barcode Reader in JavaScript.

Step-by-step guide to building an Oracle APEX MRZ scanner plugin using Dynamsoft Label Recognizer — read passports and ID cards from a camera in your low-code APEX app.

Build a Salesforce Lightning Web Component that merges image attachments into a single PDF using Dynamsoft Document Viewer and an iframe-based WASM approach.

Learn how to convert and merge multiple images into one PDF entirely client-side using JavaScript and the Dynamsoft Document Viewer SDK — no server upload required.

Learn how to auto-correct scanned document orientation in JavaScript. Use the scanner's TWAIN ICAP_AUTOMATICROTATE capability or detect and rotate misoriented pages with OCR (Dynamic Web TWAIN OCR add-on or Tesseract.js).

Step-by-step LWC tutorial: build a document scanner Lightning Web Component in Salesforce using Dynamic Web TWAIN SDK. Scan, rotate, edit, and save as PDF.

Step-by-step guide to building a Salesforce Lightning Web Component (LWC) that accesses the device camera, captures a document image, crops it server-side, and stores the result on a Lead record.

How to automatically zoom the camera to scan tiny or distant QR codes in a web app, using dynamsoft-barcode-reader-bundle v11 and Dynamsoft Camera Enhancer's EF_AUTO_ZOOM or manual getUserMedia zoom control.

Step-by-step tutorial on controlling camera zoom in a JavaScript web app using the getUserMedia API and Dynamsoft Camera Enhancer, with cross-browser fallback via CSS and WebGL.

Build a web-based parcel scanner that reads 1D barcodes and extracts surrounding text labels in any orientation using Dynamsoft Capture Vision JavaScript SDK.

Detect duplicate scanned document images in JavaScript using Tesseract.js OCR and Levenshtein distance. Includes TypeScript code, online demo, and full source code.

Step-by-step tutorial to generate QR codes dynamically in the browser using JavaScript, Pyodide, and the Python segno library. Supports byte mode, structured append, custom error correction levels, and text encoding selection.

Build a TypeScript library to extract raw byte arrays from QR codes and barcodes in JavaScript using Dynamsoft Barcode Reader — supports numeric, alphanumeric, byte, Kanji and structured append modes.

Step-by-step tutorial to build a Zapier barcode scanner integration using Dynamsoft Barcode Reader, a Flask polling server, and JavaScript — scan ISBN barcodes and trigger automated workflows to Notion, Google Sheets, and more.

Step-by-step Node.js document scanning and upload tutorial. Build a web app that scans documents from a TWAIN scanner and uploads them to a Node.js Express server using Dynamic Web TWAIN SDK.

Step-by-step tutorial to build a reusable JavaScript image filter library using the Canvas API. Covers grayscale, sepia, invert, and black-and-white filters with OTSU thresholding, plus integration with Dynamsoft Document Viewer.

Learn how to use a JSON-based Domain-Specific Language (DSL) to configure document scanning, barcode reading, and text recognition tasks in Dynamsoft Capture Vision — with cross-platform template reuse.

Learn how to automatically assess scanned document image quality — detect blur, skew, overexposure, and aspect ratio issues using OpenCV.js, Tesseract.js, and Dynamic Web TWAIN in a JavaScript web app.

Learn how to binarize an image using the JavaScript Canvas API with manual and OTSU automatic thresholding, plus a Dynamic Web TWAIN approach for enterprise-scale document processing.

Learn three ways to convert an image to grayscale in JavaScript — CSS filters, HTML5 Canvas pixel manipulation, and the Dynamic Web TWAIN SDK — with full source code and online demo.

Learn three ways to flip or mirror an image horizontally and vertically in JavaScript using CSS transforms, HTML5 Canvas 2D context, and Dynamic Web TWAIN for batch document processing.

Learn two ways to resize images client-side with JavaScript before uploading — using the HTML5 Canvas API for quick resizing and Dynamic Web TWAIN for batch document processing without quality loss.

Learn three ways to rotate and deskew images in JavaScript — CSS transform, HTML5 Canvas, and Dynamic Web TWAIN SDK — with full source code and edge-case handling.

Learn how to detect document boundaries and correct perspective distortion in the browser using OpenCV.js. Includes live camera scanning, auto-capture, and polygon editing with Dynamsoft Document Viewer.

Learn how to capture high-resolution photos in the browser using JavaScript getUserMedia, the Image Capture API, and HTML Media Capture — up to 4K resolution for document scanning and barcode reading.

Step-by-step guide to convert PDF pages to JPG images in the browser using HTML5 and JavaScript with Dynamic Web TWAIN. Covers PDF rasterization, configurable DPI, annotation rendering, and encrypted PDF support.

Step-by-step JavaScript tutorial for building a web barcode scanner with OpenCV.js — covers QR code detection, EAN-13 decoding, and live camera scanning.

Step-by-step tutorial to build a reusable document scanner web component using LitElement and Dynamic Web TWAIN SDK — scan, view, and save documents as PDF from any browser.

Learn how to reduce scanned document file size programmatically by adjusting DPI, bit depth, color mode, and image compression format using JavaScript and Dynamic Web TWAIN.

Learn how to auto-deskew scanned document images using OpenCV and Python. This step-by-step tutorial covers skew angle detection via contour analysis, affine rotation, and a browser-based alternative with Dynamic Web TWAIN.

Step-by-step JavaScript tutorial to capture and record video from a browser webcam using the WebRTC getUserMedia API and the RecordRTC library, with camera selection and resolution control.

Build a browser-based GS1 barcode scanner that reads GS1 DataBar, DataBar Expanded, GS1 DataMatrix, GS1 QR Code, GS1-128 and ITF-14 symbols, splits the element string with the application identifier table, verifies the GTIN check digit, and reports each data element — GTIN, expiry date, batch/lot, serial — as structured data....

Step-by-step tutorial to build a client-side online image converter in JavaScript using Dynamic Web TWAIN. Convert between BMP, JPEG, PNG, TIFF, and PDF with no server required.

Learn how to render and display multi-page TIFF images in the browser using JavaScript and Dynamic Web TWAIN with WebAssembly-powered libTIFF.

Step-by-step guide to building a reusable image cropper web component with Stencil.js. Supports rectangular and polygonal selections, perspective transformation, and document border detection using Dynamsoft Document Normalizer.

Step-by-step tutorial to add barcode scanning to a Glide no-code app using Dynamsoft Barcode Reader JavaScript SDK, with computed columns for ISBN price lookup.

Step-by-step JavaScript tutorial: scan documents with Dynamic Web TWAIN, run OCR with Tesseract.js, and add full-text search using FlexSearch with IndexedDB persistence.

Build an offline-capable document scanning web app using Dynamic Web TWAIN and IndexedDB. Scan documents, store images client-side with localForage, and export to PDF.

Step-by-step JavaScript tutorial: scan documents with Dynamic Web TWAIN, extract text via OCR, and query scanned content using the ChatGPT API and LangChain vector store.

Step-by-step JavaScript tutorial: scan paper documents in the browser with Dynamic Web TWAIN, then extract text using Tesseract.js OCR — includes batch processing and downloadable results.

Step-by-step tutorial to build a reusable PDF viewer web component using Stencil.js and Dynamic Web TWAIN. Includes zoom controls, page navigation, thumbnail viewer, fullscreen mode, and document scanning.

Step-by-step tutorial to build a document scanning web app in Next.js using Dynamic Web TWAIN SDK. Scan documents from a physical scanner, preview in a viewer, and save as PDF.

The article shares how to scan barcodes in an Oracle APEX application using Dynamsoft Barcode Reader.

Learn how to add document scanning to Oracle APEX with a custom Dynamic Web TWAIN plugin, letting users scan, edit, and upload pages from a modal.

Build a barcode and QR code scanner in Next.js with the Dynamsoft Barcode Reader bundle, server-side license injection, and a client-only camera component.

Build a web app that scans NFC tags and barcodes in the browser, then uses the value read from an NFC tag as the AES key to decrypt the content stored in a barcode.

Step-by-step tutorial to integrate TWAIN document scanning into a Claris FileMaker Pro 19 custom app using Dynamic Web TWAIN and JavaScript in the web viewer.

Step-by-step tutorial to build a Manifest V3 Chrome extension that adds document scanning to any web page using Dynamic Web TWAIN and JavaScript.

Step-by-step tutorial to integrate document scanning into a Quasar Vue.js Electron desktop app using Dynamic Web TWAIN — scan, edit, OCR, and save documents as PDF.

Build an HTML5 IMEI scanner with Dynamsoft Capture Vision: scan Code 128 barcodes or recognize printed digits with OCR, then validate the Luhn check digit in JavaScript.

Step-by-step guide to building an Angular document scanning desktop app with PWA offline support using Dynamic Web TWAIN — scan, edit, rotate, and save documents as PDF.

Step-by-step guide to building a cross-platform desktop document scanning app with Tauri and JavaScript using Dynamic Web TWAIN SDK for scanner integration, viewing, and PDF export.

Measure WebGL grayscale conversion against canvas color frames for Dynamsoft Barcode Reader. On this PC sample, GPU readPixels cost more than it saved; phones are unlikely to reverse that.

Learn how to integrate a mobile-friendly HTML5 QR code scanner for ASP.NET Core web apps using server-side C# with Dynamsoft CaptureVisionRouter, including drag-and-drop upload, JSON barcode results, and canvas quad overlays.

Learn how to access browser cameras in JavaScript using the getUserMedia API and Dynamsoft Camera Enhancer SDK. Build a cross-platform web camera viewer with camera selection, frame capture, and HTTPS deployment for iOS, Android, and desktop browsers.

Learn how to transfer files between devices with animated QR codes. Build a pure-JavaScript animated QR code generator and a Dynamsoft Barcode Reader v11 CaptureVisionRouter scanner that reassembles the data from a live camera stream.

Learn how to access a USB document camera from an HTML5 web page and capture documents with edge detection using Dynamic Web TWAIN's JavaScript camera add-on.

Step-by-step HTML5 mobile document scanning tutorial using Dynamic Web TWAIN SDK — capture, edit, and save documents from mobile cameras with JavaScript.