问题标签 [quaggajs]

我正在尝试以静态文件的方式实现 QuaggaJS，但显然我遗漏了一些东西。我对javascript很陌生，因此希望我错过了一些非常简单的东西。假设我在与此代码相同的目录中有一个名为 123456.jpg 的 .jpg 文件，我希望代码仅将条形码值作为警报返回。非常感谢任何帮助（并且完全准备好因为我对 javascript 缺乏了解而受到抨击！）

我的代码如下：

我正在尝试使用navigator.mediaDevices.enumerateDevices在 WebView 中获取 deviceid 。它在 android 设备中运行良好，但在 IOS 设备中它会引发未定义的错误。

我正在制作条形码阅读应用程序。我使用Quaggajs和Reactjs。
Quaggajs 有一个功能Quagga.onDetected(callback)，callback有一个参数result。包含检测到的result条形码。我有一个反应状态（const [count, setCount] = useState(0);），我正在计算检测到的条形码。问题是，当我setCount(count + 1)在变量中使用时callback，count它始终是初始值（0），所以每次 onDetect setCount 都将新值设置为 1。

下面是我使用的函数式 react 组件的一个示例（我认为从 的 props 中获取 count 和 setCount 没有问题）：

我想创建一个 PWA，它充当条形码和 QR 码扫描仪。为了检测二维码，我使用 jsQR（参见：https ://github.com/cozmo/jsQR ），对于条形码，我想使用 QuaggaJS（参见：https ://serratus.github.io/quaggaJS/ ）。要选择应检测的代码类型，我的站点上有一些单选按钮，它们调用函数“triggerScannerInitialisation()”（见下文）。扫描 QR 码已经开始工作，但扫描条码会导致一些问题。相机图像未正确加载。如果我在仅使用 QuaggaJS 的测试站点上运行相同的代码，则扫描条形码可以正常工作。我认为从同一个摄像头打开两个摄像头流可能会导致问题。谁能给我一个提示，告诉我如何将两者与同一个相机流一起使用？

谢谢您的帮助！

我正在使用 QuaggaJs 扫描条形码。对于桌面版扫描仪来说，一切都很好而且很流畅。但是当来到移动版网站时它会被破坏，而且主要是在 iPhone 上。

我在 safari 和 Chrome 中都进行了测试，对于不同的手机，它的行为不同。对于某些手机摄像头挂起，对于某些摄像头根本没有启动。

此外，画布大小未在父 div 中设置。相机正在 DOM 之外。

这就是我所做的。

HTML

JS

CSS

我可以使用 QuaggaJS 扫描条形码。但是，一旦检测到条形码，我就停止使用它Quagga.stop();，然后继续我的功能。如果我的函数返回 false，那么我必须再次启动相机并且我正在使用Quagga.start()它但它不工作。给我留下了错误信息

typeerror 无法读取未定义的属性“数据”

如果我重新初始化该功能，那么它可以工作，但随后移动浏览器 flickr 3-4 秒，然后变得稳定。

这是我的代码

我正在使用 Vaadin 14 开发一个 Web 应用程序。该应用程序将在移动设备上使用，并且能够从设备摄像头进行条码扫描。我为此找到了一个包含QuaggaJS的解决方案。但是，此解决方案不提供对设备的两个摄像头的访问。

我应该寻找一个单独的解决方案来在设备的摄像头之间切换还是可以使用 QuaggaJS 来实现这一点？

我正在构建一个网络应用程序并尝试用我的相机捕获条形码。我正在使用 QuaggaJS 库。

我知道该功能有效，因为当我在笔记本电脑网络摄像头上使用我的应用程序时，它捕获了条形码，但准确率只有 30%，但是当我尝试在我的手机上使用它时，它根本无法捕获条形码。我认为原因是该应用程序在我的设备上选择了超广角镜头，这会使图像失真太多。

通过阅读文档，我看到了这一点：

要使用后置摄像头，请使用： { audio: true, video: { facingMode: { exact: "environment" } } }

然而，哪个选择后置摄像头，当用户有 5 个后置摄像头时会发生什么？我怎么知道正确的？

这是我的代码：

我在我的 Laravel 应用程序中实现了 QuaggaJS 库，如下面的代码所示，它适用于桌面上的 Chrome，适用于移动设备上的三星资源管理器和 Safari，但对于 android 上的 Chrome，当我的相机检测到条形码时，整个 chrome 应用程序就会崩溃。

先感谢您

我已经实现了 QuaggaJS 库以在我的 laravel 应用程序中从移动设备扫描条形码，但例如对于我的具有多个后置摄像头的手机，所选摄像头具有奇怪的“鱼眼”效果，所以我猜它不是主/标准摄像头。我知道的唯一设置是将 facesMode 设置为“环境”或“用户”，如下面的代码片段所示。

我想知道是否有一个选项来指定使用的相机？

提前致谢。