執行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掃描條形碼

回答

相關問題