问题标签 [quaggajs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
6669 浏览

reactjs - quagga-react 条码扫描器

基本上我让演示工作除了实际扫描。即相机打开等。不知道我错过了什么......

这是我的代码。

App.js 文件:

Scanner.js 文件:

结果.js 文件:

谢谢我的朋友们!

0 投票
0 回答
201 浏览

javascript - 如何在 iPhone 上调试 javascript

在旧 iPhone 和旧三星 S4 上的网络浏览器中存在微妙的 javascript 问题。它在使用了 2 年的 Acer 手机上运行良好。试图查明问题,我将 JS 分成几个script块并alert在每个块中调用:

在 Acer 手机上,我得到了 JS0/1/2 的对话框,但在 iPhone 上只有 JS0+2,所以在我显示完整 JS 代码的中间脚本块中出现了问题。

在 Windows 上的 firefox 上运行该页面,F12 调试器显示没有问题。但是在手机浏览器上没有 F12 调试器。

我还尝试使用 获取 JS 异常try/catch,但没有为异常显示对话框。

所以我的问题是: - 中间脚本块有什么问题?- 如何在手机上调试 JS 代码?- 有没有比仅仅分成几个脚本块更好的方法?

顺便说一句,第二个代码块中的代码在旧手机上并不是很有趣,因为根据Quagga上的文档,旧手机不支持 MediaDevices API。但是如果我把所有的JS代码放在一个脚本块里,中间出问题的JS就根本跑不起来了。


更新:

我认为这是旧浏览器/设备中的错误。不过,它在三星 S4 上的 Firefox 中运行良好。我能够将问题隔离到变量的分配,quagga_config_livestream但发现既没有触发异常,也没有alert显示它的对话框,这非常令人惊讶。因为这个错误发生在一段与不支持 MediaDevices API 的旧设备无关的 JS 代码中,我只是将那几行 JS 沙箱化到它自己的script块中,并且不会费心安装新工具来远程调试它设备本身的代码。

0 投票
1 回答
10018 浏览

javascript - 如何在javascript中通过手机上的网络浏览器扫描带有直播的条形码?

我正在尝试一种方法来扫描我打印在纸上的 irl 条形码以扫描到我的 php 网站。只有当我在手机上使用该网站时,我才能在他扫描条形码并将其发送到我的代码时打开手机摄像头并扫描条形码。该代码可以检查我的数据库等。

我找到了一个漂亮的插件,叫做QuaggaJS,我一直在玩它,现在我比拍照更进一步,让它读取条形码并将其发送到我的代码,但我想让它扫描同时我把相机放在条形码前面,这样它就会把相机关在自己身上。这是一个示例(在桌面上它会要求打开网络摄像头的权限)。

最后,我想要一个按钮,在我的网站上单击它可以打开我的相机,这样我就可以扫描代码,当他找到条形码时,他会关闭相机并向我显示具有此条形码的产品的信息。有人可以帮助我吗?

这是我使用和玩过的一些代码。(仅适用于拍照)

最好的祝福

0 投票
1 回答
1490 浏览

javascript - 如何获取活动流或视频轨道(来自 quagga.js)?

在没有任何参考的情况下使用 getUserMedia() 创建活动视频流(来自相机)后,如何获取它?

是否可以在播放时从视频对象获取流?

我正在使用 quagga.js 扫描条形码,我想激活手电筒和缩放功能。但是,来自 quagga (getActiveTrack()) 的函数不起作用,我无法获取流(或视频轨道)对象。

(我正在浏览器中加载 quagga.min.js。)

0 投票
2 回答
1029 浏览

android - 在 Firefox for Android 中默认相机共享权限

我正在为我们的仓库开发一个条形码扫描页面,让这些人能够扫描进出货物的条形码,并尽可能管理尺寸和重量等属性。由于这与我们的内部 CRM 直接相关,因此我们决定将其构建为 CRM 本身的一部分。

我一直在使用 QuaggaJS 来处理条形码扫描,我们只使用 Firefox for Android 来运行扫描仪,因为 Chrome 在获取后置摄像头而不是前置摄像头方面存在各种问题。

任何人都可以建议一种方法来阻止某些页面/域上的“您想与...共享您的相机”吗?由于该页面将被频繁且快速地使用,因此每次弹出此页面变得很麻烦,我找不到有关如何禁用它的任何信息。

谢谢。

0 投票
0 回答
272 浏览

angular - 测试 Quagga onProcessed, onDetected in angular 4 Jasmine and karma

因为我正在学习 Angular 4 应用程序的测试。我开始用 jasmin 和 karma 为我的 angular 4 应用程序编写带有条码扫描仪的测试用例。我使用 Quagga 进行条码扫描。谁能告诉我如何存根 Quagga.onProcessed 和 Quagga.onDetected ?提前致谢

0 投票
1 回答
341 浏览

ios - 设置默认“无视频源”/“无视频权限”黑色矩形的样式

当提示用户在 Safari 上获得许可时,视频元素显示为带有删除线播放按钮的黑色矩形。如何更改此元素的样式?它是否有特定的 ID/类别/标签?

我使用 Quagga JS 作为条形码扫描仪。AFAIK Quagga 创建一个video元素,然后请求相机许可。最佳结果是使用 隐藏元素display:none;,但我想不出任何方法来实现这一点。一旦扫描仪获得许可,我需要该元素显示相机馈送,但在此之前它应该将屏幕涂黑或隐藏。

Safari 视频 CSS 问题

0 投票
2 回答
2446 浏览

javascript - 如何在 QuaggaJS 中使用后置摄像头而不是自拍摄像头

我在使用 QuaggaJS 打开正确的摄像头时遇到问题,在某些设备上,自拍摄像头已打开,但在其他设备上,后置摄像头将被打开。如何设置标准摄像头打开后置摄像头?因为用自拍相机扫描条形码并不是那么容易......

这是我迄今为止尝试过的:

在初始化过程中,我将面向模式设置为环境,但自拍相机仍然打开......

也许chrome中还有一个设置可以更改它?但我可以找到它......

0 投票
0 回答
1318 浏览

javascript - 如何关闭相机灯(手电筒)?

我正在创建一个应用程序来读取条形码。我使用 QuaggaJS 作为条形码阅读器库。我的问题是我可以打开手电筒,但我不能将其关闭。

有没有办法关掉手电筒?

0 投票
1 回答
125 浏览

javascript - 配置配置文件以使用 QuaggaJs 正确解码所需的条形码

我正在使用 QuaggaJs 为我们的图书库存系统解码条形码,它要么不扫描,要么多次返回误报。配置设置如下图所示

我已经对我的 quagga 配置进行了多次修改,但似乎没有任何效果。

这是我的 quagga 配置的 javascript 配置:

这里:

该系统可以在https://apps.skuflow.com/freelancer/#/bfb使用 safari 进行演示。

我需要以下帮助:

a) 如何获得 EAN、EAN-13、EAN-8、EAN-5 和 EAN-2 条码的准确解码。现在它只是返回误报并导致大量库存错误。