如何在HTML5网站上创建QR码阅读器？

Question

我一直在寻找在基于HTML5的网页中创建QR码阅读器的可能性。我已经完成了一些谷歌搜索，所有链接都指向了移动应用程序。

请帮我提一下如何使用HTML5和JavaScript阅读包含网址的二维码，然后将浏览器重定向到该网址。

Answer 1

JavaScript解码器不多。

http://www.webqr.com/index.html

有一个

最简单的方法是在您的服务器上运行ZXing或类似内容。然后，您可以POST图像并将响应中的解码结果返回。

Answer 2

Lazarsoft的jsqrcode库现在只使用HTML5，即getUserMedia（WebRTC）。你可以find it on GitHub。

我还发现了一个很简单的大叉。只需一个文件（加上jQuery）和一个方法调用：参见html5-qrcode on GitHub。

Answer 3

他们在http://www.webqr.com/index.html展示的阅读器就像一个魅力，但文学上，你需要网页上的那个，github版本真的很难让它工作，但是，它是可能的。最好的方法是对网页上显示的示例进行逆向工程。

然而，为了编辑并充分利用它，它并不那么容易。在某些时候，我可能会发布精简的逆向工程QR阅读器，但同时也有一些有趣的黑客代码。

快乐的编码。

Answer 4

驱动http://www.webqr.com的算法是https://github.com/LazarSoft/jsqrcode的JavaScript实现。我还没有尝试过它的可靠性，但这肯定是两者中更容易的即插即用解决方案（客户端或服务器端）。