通过移动浏览器进行条码扫描?

4
我正在尝试从移动设备扫描条形码。我已经做了一些研究,但很难找到可以完成这项任务的JavaScript库。我看到了这些项目:zxing。这个项目似乎已经不再开发,只进行错误修复?QuaggaJS。我不确定这个项目是否还在继续开发,因为更新日志是2017年的。quagga2。这似乎是上面那个项目的一个分支?所以与2相比,这可能是更好的选择?我的目标是:在安卓设备(如手机或平板电脑)上加载Chrome或Firefox,进入我的网站,点击一个按钮并加载设备相机,然后扫描条形码(主要是EAN-8/13)。
我希望在苹果设备(iPhone和iPad)上做同样的事情,加载Safari(不确定这些设备上是否有Chrome和Firefox。我没有苹果设备),点击一个按钮并加载他们的设备相机,扫描条形码。
我认为我列出的所有库都可以实现这一点,但我仍然不清楚这是否在苹果设备上可行?我在某个地方读到,在iOS 14之前是不可能的?
我也可以使用Jquery、原生JavaScript和Angular(但我认为它是第3版)。

FYI https://github.com/mebjas/html5-qrcode/ (基于 zxing-js) - m7913d
2个回答

2

我最近也在做同样的研究。你列出的所有开源项目似乎要么已经停止更新,要么存在性能/可靠性问题。看起来目前只有商业版本是真正可行的:

还有两个不同的移动应用程序是可行的。这些都是Web应用程序,只显示浏览器视图,并在页面上提供应用程序本身的条形码扫描功能:

这两个中第二个具有更强大的JS API。

更新:我选择了Mochasoft的最后一个选项。结果非常好。


2
另一个商业应用程序是scandit.io。我今天发布了我自己编写的扫描浏览器的新版本:https://github.com/Adrianotiger/qr2web 但我必须更新源代码。 - Adriano

0
在David的回答基础上,我想补充一下候选名单,加入STRICH。这是一个JavaScript库,可以扫描与Quagga相同类型的条形码,但它还支持2D矩阵码,因此与zxing-js相当。除了Quagga和zxing-js之外,它还提供了自己的扫描界面,用于相机选择、打开/关闭闪光灯等功能。显然需要JavaScript,还需要广泛支持的WebGL和WebAssembly。它没有任何依赖,非常容易集成,有适用于纯JS以及流行的Web框架如React、Angular和Vue的示例代码
为了更好地了解它与QuaggaJS和zxing-js的比较,我创建了一个详细比较,重点关注扫描性能。
免责声明:我是STRICH的作者。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接