扫描识别工具Dynamic Web TWAIN使用教程:桌面浏览器捕获(上)

在Web应用程序中使用桌面相机

介绍

桌面相机是每台PC必备配件之一。实时聊天,远程协助和许多其他桌面应用程序可以直接使用相机。然而,在当前将桌面移动到云端的技术热潮中,将相机直接集成到浏览器中的需求也很高。类似的实际场景可能包括:

  • 填写一些在线申请表时需要拍照
  • 使用质量较好的相机直接在视频流中读取QR码
  • 在银行或医院和其他机构中,使用高质量的相机来实现扫描仪级别的图像采集

本文介绍如何快速使用本地扫描仪和相机在同一网页上获取图像。

环境

Camera SDK本身不依赖于Node.js,本文中需要它只是因为使用其包管理器(npm)获取所需文件的速度更快。

步骤

步骤1 创建一个新目录,打开命令行工具(快捷键是Ctrl + Shift +右键单击)。通过npm下载本文中使用的核心控件

npm install [email protected]

然后,你可以在此目录中看到以下内容

扫描识别工具Dynamic Web TWAIN使用教程:桌面浏览器捕获(上)

步骤2 打开以下目录

node_modules\dwt\sample

你可以看到

扫描识别工具Dynamic Web TWAIN使用教程:桌面浏览器捕获(上)

步骤3 在本文中,我们将检查ScanOrCapture.html。双击它打开。如果相关控件尚不可用,请按照提示进行安装

扫描识别工具Dynamic Web TWAIN使用教程:桌面浏览器捕获(上)

在正常情况下,可以在C:\Windows\SysWOW64\Dynamsoft\DynamsoftService目录中找到已安装的文件。这里的核心文件主要是

  • DynamsoftService.exe
  • dwt_trial_14.1.0.0828.dll
  • dcs_trial_6100907.dll

步骤4 安装完成后,刷新页面。如果本地有相机,它将显示在页面的下拉菜单中。选择一个摄像头并单击“Play Video(播放视频)”,然后单击“Grab An Image(抓取图像)”。在下图中,右侧是视频流,左侧是捕获的帧

扫描识别工具Dynamic Web TWAIN使用教程:桌面浏览器捕获(上)

我们还可以单击“Scan Documents(扫描文档)”来扫描文档。

扫描识别工具Dynamic Web TWAIN使用教程:桌面浏览器捕获(上)

下篇文章将教大家怎么通过代码来实现以上的操作,尽请期待~

                                                           【Dynamic Web TWAIN最新版免费下载>>>