`

JavaScript 条形码扫描库 QuaggaJS

 
阅读更多
http://www.oschina.net/p/quaggajs
QuaggaJS 是一个完全用 JavaScript 编写的条形码扫描库,支持实时的各种类型的条形码扫描,例如 EAN 和 CODE128. 该工具同时使用 getUserMedia 来直接访问用户的摄像头。代码重度依赖智能手机的图像处理。

你可以通过这里尝试一些 实例 或者阅读文章 (How barcode-localization works in QuaggaJS) 来了解更新啊关系的内容。

示例代码:
Quagga.decodeSingle({
  readers: ['code_128_reader'],
  locate: true, // try to locate the barcode in the image
  src: '/test/fixtures/code_128/image-001.jpg' // or 'data:image/jpg;base64,' + data
}, function(result){
  console.log(result);
});
分享到:
评论

相关推荐

    JavaScript条形码扫描库QuaggaJS.zip

    QuaggaJS 是一个完全用 JavaScript 编写的条形码扫描库,支持实时的各种类型的条形码扫描,例如 EAN 和 CODE128. 该工具同时使用 getUserMedia 来直接访问用户的摄像头。代码重度依赖智能手机的图像处理。 你可以...

    js 条形码扫描.rar

    2. **库的使用**:在JavaScript中,有许多开源库可以帮助我们实现条形码扫描,如`QuaggaJS`、`ZXing`(Zebra Crossing)等。这些库提供了条形码检测和解码的功能。例如,`QuaggaJS`是一个专门用于实时视频流中条形码...

    前端识别二维码和条形码

    首先,前端识别二维码和条形码的核心是利用JavaScript库。在提供的"jqueryewm"文件中,我们可以推测这可能是一个基于jQuery的插件,用于处理二维码和条形码的扫描。jQuery是一个广泛使用的JavaScript库,它简化了DOM...

    barcode_scanner:使用QuaggaJS和React的条形码扫描仪

    条形码扫描器该项目使用QuaggaJS条码扫描器将CODE 128条码扫描到本地状态。 它会保留扫描代码的图像及其代码和标签。 用户可以通过选择条形码照片下方的编辑图标来编辑标签。 用户可以在扫描的条形码列表中滚动。 ...

    h5 利用手机摄像头,识别条形码

    // 引入QuaggaJS库 import Quagga from 'quagga'; // 配置Quagga Quagga.init({ inputStream : { name : "Live", type : "LiveStream", target: document.getElementById("cameraStream"), constraints: { ...

    quagga2:用Javascript和TypeScript编写的高级条形码扫描仪-从https继续

    QuaggaJS是条形码扫描器完全用JavaScript编写支持实时的本地化和各种类型的条形码,如EAN,CODE 128,CODE 39,EAN 8,UPC-A,UPC-C,I2of5,2of5,CODE 93的解码, CODE 32和CODABAR 。 该库还能够使用...

    quaggaJs包

    QuaggaJS是一款基于JavaScript的开源条码和二维码识别库,专为在浏览器环境中实现扫描功能而设计。这个包的名称“serratus-quaggaJS-e96eb9f”可能代表它是一个特定版本的QuaggaJS,其中“e96eb9f”可能是Git的提交...

    条码扫描器

    在现代网页开发中,为了实现条码扫描功能,通常会借助JavaScript库,如`QuaggaJS`或`ZXing二维码解码库`。这些库能够利用浏览器的摄像头功能,实时捕获视频流并解析其中的条码信息。用户只需在网页上开启摄像头权限...

    barcode-scanner:JavaScript 中的条形码扫描仪,使用 HTML5 元素并访问网络摄像头

    "barcode-scanner"可能使用了如QuaggaJS这样的库,它能够实时分析视频帧,检测并解码条形码。这些库通常会提供API,开发者可以通过调用相关方法启动扫描、获取扫描结果等。 例如,QuaggaJS的使用可能如下: ```...

    使用JavaScript根据图片获取条形码的方法

    最近在弄一个零售超市的项目,但是苦于需要自己录入数据,超市少的也有1000多种商品,自己一个一个录入肯定不太现实,所以考虑扫描商品的条形码,根据条形码获取商品的信息这样效率就高多了。 根据条形码获取商品...

    quaggademo.rar

    Quagga.js是一个开源JavaScript库,专为在HTML5环境中实现条形码和二维码扫描而设计。这个"quaggademo.rar"压缩包文件显然包含了使用Quagga.js进行条形码识别的示例代码。让我们深入探讨Quagga.js的工作原理、H5条形...

    barcodes:简单的条形码扫描仪进行测试

    条形码扫描器获取的数据通常包含产品ID或其他编码信息。这些信息可以用于查找库存、价格查询、追踪物流等。在JavaScript中,可以通过AJAX请求将这些数据发送到服务器,服务器端可以进一步解析数据并返回相关信息给...

    手APP扫描二维码功能

    二维码(Quick Response Code)是一种二维条形码,可以存储大量的信息,如网址、文本、联系人信息等,并且可以通过手机摄像头读取。在移动应用中,二维码扫描通常结合图像处理和识别算法,通过摄像头捕获图像,解析...

    Quagga.zip

    而Quagga则是一个强大的条形码和二维码扫描库,它允许开发者在浏览器环境中实现扫描功能,极大地拓宽了Web应用的功能范围。在本项目中,我们将探讨如何在Vue.js应用中利用Quagga库进行条形码扫描,特别是通过后置...

    BarCodeScanner:WiLy中的条形码扫描

    条形码扫描器的工作原理大致如下:首先,用户在支持的设备上访问WiLy应用,此时JavaScript代码会请求访问用户的摄像头权限。一旦用户授权,摄像头将开启,并通过JavaScript的MediaStream API实时流式传输视频到网页...

    jQuery二维条形码识别代码

    5. **JavaScript库**:除了jQuery,可能还会用到专门的条形码识别库,如ZXing (Zebra Crossing) 或QuaggaJS,它们提供了解析条形码的功能。 6. **拍照识别**:当用户使用手机端时,JavaScript代码可以触发设备的...

    jsqrcode 通过Web摄像头识别QR二维码

    ZXing,意为“斑马线”,是一个开源的、跨平台的条形码读取库,支持多种条形码格式,包括QRCode。它的核心功能是图像处理和解码算法,能够从不同来源的图像中识别出条形码。jsqrcode就是利用ZXing的JavaScript版本,...

    TarsierQ:节点服务器使用条形码登录

    4. 条形码库集成:为了生成和读取条形码,项目可能依赖于特定的JavaScript库,如`ZXing`(Zebra Crossing)或`QuaggaJS`等。这些库能帮助浏览器解析和生成条形码,从而在前端实现条形码的显示和扫描功能。 5. 安全...

    HTML5混合开发二维码扫描以及调用本地摄像头

    这里可以使用像`quaggaJS`这样的开源库,它专门用于实时二维码和条形码识别。安装quaggaJS后,可以在HTML中添加一个`canvas`元素来捕获视频流,并配置识别参数: ```html ;"> ``` 然后在JavaScript中初始化...

Global site tag (gtag.js) - Google Analytics