文檔首頁>>Dynamic Web TWAIN使用教程>>掃描識別工具Dynamic Web TWAIN使用教程:桌面瀏覽器捕獲(上)
掃描識別工具Dynamic Web TWAIN使用教程:桌面瀏覽器捕獲(上)
在Web應(yīng)用程序中使用桌面相機
介紹
桌面相機是每臺PC必備配件之一。實時聊天,遠程協(xié)助和許多其他桌面應(yīng)用程序可以直接使用相機。然而,在當(dāng)前將桌面移動到云端的技術(shù)熱潮中,將相機直接集成到瀏覽器中的需求也很高。類似的實際場景可能包括:
- 填寫一些在線申請表時需要拍照
- 使用質(zhì)量較好的相機直接在視頻流中讀取QR碼
- 在銀行或醫(yī)院和其他機構(gòu)中,使用高質(zhì)量的相機來實現(xiàn)掃描儀級別的圖像采集
本文介紹如何快速使用本地掃描儀和相機在同一網(wǎng)頁上獲取圖像。
環(huán)境
Camera SDK本身不依賴于Node.js,本文中需要它只是因為使用其包管理器(npm)獲取所需文件的速度更快。
步驟
步驟1 創(chuàng)建一個新目錄,打開命令行工具(快捷鍵是Ctrl + Shift +右鍵單擊)。通過npm下載本文中使用的核心控件
npm install dwt@14.2.0
然后,你可以在此目錄中看到以下內(nèi)容
步驟2 打開以下目錄
node_modules\dwt\sample
你可以看到
步驟3 在本文中,我們將檢查ScanOrCapture.html。雙擊它打開。如果相關(guān)控件尚不可用,請按照提示進行安裝
在正常情況下,可以在C:\Windows\SysWOW64\Dynamsoft\DynamsoftService目錄中找到已安裝的文件。這里的核心文件主要是
- DynamsoftService.exe
- dwt_trial_14.1.0.0828.dll
- dcs_trial_6100907.dll
步驟4 安裝完成后,刷新頁面。如果本地有相機,它將顯示在頁面的下拉菜單中。選擇一個攝像頭并單擊“Play Video(播放視頻)”,然后單擊“Grab An Image(抓取圖像)”。在下圖中,右側(cè)是視頻流,左側(cè)是捕獲的幀
我們還可以單擊“Scan Documents(掃描文檔)”來掃描文檔。
下篇文章將教大家怎么通過代碼來實現(xiàn)以上的操作,敬請期待~