实现quagga扫描条形码

Question

我正在制作一个使用Quagga.js的HTML5和javascript的在线扫描应用程序。

我需要让摄像头工作来搜索条形码和导入的quagga.js：

在quagga的网页上，你会找到一个叫做Quagga.init的方法。初始化网络摄像头视图。我在脚本中输入了以下代码：

Quagga.init({
    inputStream : {
      name : "Live",
      type : "LiveStream"
    },
    decoder : {
      readers : ["code_128_reader"]
    }
  }, function() {
      console.log("Initialization finished. Ready to start");
      Quagga.start();
  });

但什么都没发生。我需要做什么才能让这个摄像头工作？对于创建一个扫描条形码的基于web的应用程序，还有什么其他意见吗？

感谢您的回复！

Answer 1

将<div id="interactive" class="viewport"></div>包含到您标记中。

Answer 2

这是一个几个月前的问题，但尤金的答案并不完整。对我来说，为了让QuaggaJS工作，我还必须添加视频标签：

<div id="interactive" class="viewport">
    <video autoplay="true" preload="auto"></video>
</div>

Answer 3

你检查过你的控制台了吗？

使用“实况流”(访问摄像头)要求您有一个SSL认证的网站。

表示https://中的附加"s“

你可以在这里阅读更多信息：https://support.google.com/adwords/answer/2580401?hl=sv

您还应该知道，您可以获得免费的SSL证书，但您需要访问您的服务器。大多数托管服务可以帮助你做到这一点。