4 套網頁 Web JavaScript 辨識 Barcode 條碼 QR Code 函式庫分享清單
最近有專案需求要在 Web 上進行一個掃描條碼辨識的動作，做了一些功課，有 Open Source 方案跟商業方案，也包括一維條碼跟二維條碼也就是 QR Code，整理起來分享給大家。
Open Source 方案
quaggaJS, quaggaJS2
quaggaJS 是老牌的辨識一維條碼函式庫，2017 年就沒更新了，後續則是由 quaggaJS2 繼續接手維護，直到 2023 年還是有持續更新，可點 Demo 進去試用一下。
html5-qrcode
html5-qrcode 可以辨識一維條碼跟二維條碼也就是 QR Code 的函式庫，有持續更新，可點 Demo 進去試用一下。
商業方案
Dynamsoft
Dynamsoft 一維條碼、二維條碼都可以，還可以用 WebGL 加速辨識，可點 Demo 進去試用一下。
SCANDIT
SCANDIT 一維條碼、二維條碼都可以，可點 Demo 進去試用一下。
結論
基本上每家的函式庫都可以輕鬆辨識條碼，如果沒有什麼特別需求，基本上用 html5-qrcode 就可以輕鬆應付。
如果你喜歡我的文章，你可以使用以下的方式支持我
👀 追蹤我的社群帳號
👏 Vocus 支持我
- 追蹤
- 留言、收藏、按喜歡
- 贊助
💰 使用下面的推薦連結註冊或申辦服務
- 美國 Tello Mobile 邀請連結，領取 $10 美元抵用金
- 樂天國際銀行推薦連結邀請碼 RRWUUE ，領取交友獎勵金 200 元及享有新戶優惠
留言0
查看全部
你可能也想看
Google News 追蹤
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
哈囉～很久沒跟各位自我介紹一下了～
大家好～我是爺恩
我是一名圖文插畫家，有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快！隨著時間過去，創作這件事好像變得更忙碌了，也很開心跟很多厲害的創作者以及廠商互相合作幫忙，還有最重要的是大家的支持與陪伴🥹。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
本文介紹如何對 Telegram 憑證監控機器人的代碼進行優化，包括新增指令、讀取變數、提高可讀性和可維護性。
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
HTML 語意化標籤，不僅可以使網頁結構更加清晰、易於理解，也對搜索引擎優化(SEO)和提升網頁無障礙訪問性(Accessibility)有明顯的幫助。本文將介紹 HTML 語意化標籤的定義、重要性以及常見的語意化標籤。
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
哈囉～很久沒跟各位自我介紹一下了～
大家好～我是爺恩
我是一名圖文插畫家，有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快！隨著時間過去，創作這件事好像變得更忙碌了，也很開心跟很多厲害的創作者以及廠商互相合作幫忙，還有最重要的是大家的支持與陪伴🥹。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
本文介紹如何對 Telegram 憑證監控機器人的代碼進行優化，包括新增指令、讀取變數、提高可讀性和可維護性。
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
HTML 語意化標籤，不僅可以使網頁結構更加清晰、易於理解，也對搜索引擎優化(SEO)和提升網頁無障礙訪問性(Accessibility)有明顯的幫助。本文將介紹 HTML 語意化標籤的定義、重要性以及常見的語意化標籤。