使用HTML 5的QR码阅读器问题

时间:2013-01-21 16:56:43

标签: javascript html5 qr-code zxing

我正在尝试开发一个像这样的在线二维码扫描器:

http://webqr.com/

我想要做的是,我想从网页激活相机,并且必须能够从那里扫描QR码。 (当我们点击上述网站上的摄像机图像时会发生同样的事情。)

他们提供了上述网站的代码:

https://github.com/LazarSoft/jsqrcode

但是当我尝试从下载的文件中运行“test.html”文件时,我无法查看相机的输出。我只能在该网页上看到一个名为“capture”的按钮。我按下这个按钮,什么也没发生。我对java脚本和HTML 5没有太多经验。如果可能的话,请帮我修改下载的代码并帮助我获得我需要的结果。

1 个答案:

答案 0 :(得分:2)

自述文件说“对于网络摄像头qrcode解码(包含在test.html中),您将需要http://www.taboca.com/p/camcanvas/”中的camcanvas.swf,因此他们的test.html文件无法使用您的网络摄像头。框。

然而,作为中途,您可以轻松解码QR文件的图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>QR Decoder Demo</title>
<!-- Include scripts as instructed in README -->
<script type="text/javascript" src="grid.js"></script>
<script type="text/javascript" src="version.js"></script>
<script type="text/javascript" src="detector.js"></script>
<script type="text/javascript" src="formatinf.js"></script>
<script type="text/javascript" src="errorlevel.js"></script>
<script type="text/javascript" src="bitmat.js"></script>
<script type="text/javascript" src="datablock.js"></script>
<script type="text/javascript" src="bmparser.js"></script>
<script type="text/javascript" src="datamask.js"></script>
<script type="text/javascript" src="rsdecoder.js"></script>
<script type="text/javascript" src="gf256poly.js"></script>
<script type="text/javascript" src="gf256.js"></script>
<script type="text/javascript" src="decoder.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<script type="text/javascript" src="findpat.js"></script>
<script type="text/javascript" src="alignpat.js"></script>
<script type="text/javascript" src="databr.js"></script>

<script type="text/javascript">
/*<![CDATA[*/

// tell application what to do when a QR code is decoded 
qrcode.callback = function(data){
  alert("Decoded URL: "+data);
}

// decode a QR code for http://bbc.co.uk/programmes
qrcode.decode("http://2d-code.co.uk/images/bbc-logo-in-qr-code.gif");

/*]]>*/
</script>

</head>
<body></body>
</html>

BBC QR code