js手机扫描二维码解析插件

所属分类:媒体,其他-图像,独立的部件,移动

 18209  87  查看评论 (11)
分享到微信朋友圈
X
js手机扫描二维码解析插件 ie兼容12

注:因要调用手机后置摄像头需要在手机预览,PC无效。

更新时间:2021-03-22 21:29:58

开箱即用支持网络摄像头扫描

使用浏览器的本地BarcodeDetector(如果有)

轻量级:50.5 kB(13.0 kB压缩),通过Google的闭包编译器最小化。如果本地的BarcodeDetector可用,则仅加载6.8 kB(压缩后的2.7 kB)。

改进的性能并减少了内存占用。

在WebWorker中运行,该WebWorker使主/ UI线程保持响应状态。

可以配置为在彩色二维码上获得更好的性能。

检查相机的可用性

该库提供了一种实用程序方法,用于检查设备是否具有相机。这对于确定是否向用户提供QR网络摄像头扫描功能很有用。

QrScanner.hasCamera(); // async

彩色反转模式

默认情况下,扫描仪会在明亮的背景上扫描深色二维码。 您可以更改此行为以扫描深色背景上的明亮二维码或同时扫描两者:

qrScanner.setInversionMode(inversionMode);

颜色更正

更改灰度计算中红色、绿色和蓝色的权重,以提高特定颜色的 QR 代码的对比度:

qrScanner.setGrayscaleWeights(red, green, blue, useIntegerApproximation = true);

如果useIntegerApproximation === true,则红色,绿色和蓝色的总和应为256,否则为1。 默认情况下,使用这些值。

闪光灯支持

在支持的浏览器上,您可以检查使用的相机是否带有闪光灯,然后将其打开或关闭。 请注意,必须先调用并等待qrScanner.start()

qrScanner.hasFlash(); //检查浏览器和手相机是否支持打开闪光灯; 异步。
qrScanner.isFlashOn(); // 检查闪光灯是否打开
qrScanner.turnFlashOn(); //如果支持,请打开闪光灯; 异步的
qrScanner.turnFlashOff(); //如果支持,请关闭闪光灯; 异步的
qrScanner.toggleFlash(); //切换闪光灯(如果支持); 异步。

清理

如果您不再需要QR扫描仪,您可以将其销毁:

qrScanner.destroy();
qrScanner = null;

这将停止摄像机流,并清理事件侦听器。

构建项目

该项目是预建在qr-scanner.min.js 与qr-scanner-worker.min.js。仅当您想要更改/src 文件夹中的代码时,才需要构建自己。

相关插件-图像,独立的部件,移动

jQuery图片裁剪插件Cropper.js

功能非常强大的图片裁剪插件Cropper.js
  图像
 35494  353

可视化的交互图形库Cytoscape.js

Cytoscape.js ? 用于数据分析和可视化的交互图形库
  图像
 53943  343

html5前端图片压缩

html5前端图片压缩
  图像
 85162  454

canvas图片+文字合成

canvas图片+文字合成,实现照片合成效果,界面有点丑但是功能OK的。
  图像
 47309  362

讨论这个项目(11)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    吴? 0
    2023/9/1 16:24:36
    大神,这个插件我在很多的手机上试过,都正常,但有一个问题,部分华为手机调用时,焦距变得很大,能否默认是最小焦距呢? 回复
    ′ .湮 ?_ 0
    2021/5/10 9:09:24
    您好,项目下载下来解压后,我直接运行但是没有打开摄像头是为什么?请帮忙解答下,谢谢
        西瓜0
        2021/5/10 9:21:21
        在线演示里用手机测试正常吗?注意需要https协议地址。
        西瓜0
        2021/5/10 9:25:44

        还有就是此插件部分华为手机会有问题,原因是插件默认没有调用华为手机主摄像头,测试有无法打开摄像头或扫码图像模糊问题,请使用

        https://www.jq22.com/jquery-info23740

        这款

        ′ .湮 ?_0
        2021/5/11 11:13:18
        您好,首先非常感谢您的帮助,我测试的时候用的是华为手机,但是我测了三种浏览器,Chrome是可以打开摄像头的,但是是后置摄像头,Firefox是正常的,腾讯的X5的也是正常,但是华为本机的浏览器就打不开摄像头了,关于https协议地址的问题,我就没太懂了😀
    回复
    ′ .湮 ?_ 0
    2021/5/9 20:15:25
    你好,我直接下载下来,放到手机直接运行但是扫不了,能帮忙解决一下吗?感谢 回复
    Fly 0
    2021/4/20 11:39:28
    您好,cordova打成app后扫码,总是打开前置摄像头,怎么回事呢?谢谢
        西瓜0
        2021/4/20 12:30:25
        这里html5,Cocos Creator 都测试过,都是打开后置摄像头,你这个问题没有遇到过哦
    回复
    月下孤草 0
    2021/3/22 22:16:03

    手机可以扫出来,问题已解决  谢谢

        ? Royal °0
        2021/8/26 16:15:55
        能指导一下吗,我qq1105428292
    回复
    nybuunn 0
    2021/3/22 22:15:08

    nice,这个插件非常好

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复