执行quagga扫描条形码

我正在使用Quagga.js制作一个只包含HTML5和javascript的在线扫描应用程序。执行quagga扫描条形码

我需要获得网络摄像头进行搜索条形码和进口quagga.js工作：

在斑驴的网页，你会发现一个名为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的扫描条形码应用程序？

谢谢你的回答！

来源

2015-04-05 Bart Van der Linden

将<div id="interactive" class="viewport"></div>纳入您的标记。

来源

2015-04-05 22:16:39 Eugene

这是几个月以前的问题，但尤金的答案并不完整。对我来说，做QuaggaJS工作，我不得不添加视频标签，以及：

然后包括像这样的输入流的目标：

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

来源

2015-09-14 09:50:38

在您的标记添加一个div元素是这样的：目标：document.querySelector（ '＃barcode_canvas'）

  Quagga.init({ 
       inputStream : { 
       name : 'Live', 
       type : 'LiveStream', 
       target: document.querySelector('#barcode_canvas') 
       }, 
       decoder : { 
       readers : ['ean_reader'] 
       } 
      }, function(err) { 
       if (err) { 
        console.log(err); 
        return 
       } 
       console.log('Initialization finished. Ready to start'); 
       Quagga.start();      
      });

来源

2016-08-17 20:45:55

你检查你的控制台？

使用“Livestream”（访问相机）需要您拥有SSL认证的网站。
这意味着额外的“S”在https：//开头

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

你也应该知道，你可以得到一个免费的SSL certificat，但你需要访问到您的服务器。大多数托管服务可以帮助你。

来源

2016-10-12 09:20:46

执行quagga扫描条形码

回答

相关问题