如何在 HTML5 网站中创建二维码阅读器？ [关闭]答案

【问题标题】：How to create a QR code reader in a HTML5 website? [closed]如何在 HTML5 网站中创建二维码阅读器？ [关闭]
【发布时间】：2012-07-24 06:37:39
【问题描述】：

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

请帮助我了解如何使用 HTML5 和 JavaScript 读取包含 url 的 QR 码，然后将浏览器重定向到该 URL。

【问题讨论】：

【解决方案1】：

JavaScript 解码器并不多。

最简单的方法是在您的服务器上运行ZXing 或类似的。然后，您可以发布图像并在响应中获取解码结果。

【讨论】：

webqr：大部分时间都不起作用。只有让它在 Chrome 和相机选项中工作根本不起作用。这是错误的东西，不要在上面投入太多时间，你是在浪费时间！它似乎只能“读取”使用 L 纠错模式编码的条形码。
这个 webqr 演示不工作
虽然这个答案已经 7 岁了（！）我可以确认该网站仍然有效。它的源代码在github.com/LazarSoft/jsqrcode
我想知道为什么没有人提议使用 WASM？.. 这是我刚刚发布的一个示例项目：github.com/maslick/koder

【解决方案2】：

Lazarsoft 的 jsqrcode 库现在仅使用 HTML5 即可完美运行，即getUserMedia (WebRTC)。你可以find it on GitHub。

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

【讨论】：

【解决方案3】：

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

但是，要对其进行编辑并充分发挥其潜力，并非易事。在某个时候，我可能会发布经过精简的逆向工程 QR 阅读器，但与此同时，破解代码也很有趣。

编码愉快。

【讨论】：

对我应该在代码中的哪个位置寻找另一台相机有任何想法吗？我需要它才能在手持设备上工作并使用位于显示器对面的相机。没有任何运气，atm。
@GeniaS。尝试使用适用于 android 的 firefox 而不是适用于 android 的 chrome，目前适用于 android 的 chrome 不支持：facingMode。我建议看看 www.webqr.com/webqr.js 的第 164 行
至于 2016 年 8 月，这是目前唯一有效的答案。我不确定为什么 lazarus 没有更新他的 github 存储库以反映 webqr.com 上的演示
可在 Android 设备上运行，但无法在 iOS (iPhone 10x) 上运行

【解决方案4】：

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

【讨论】：

大部分时间都不起作用。只有让它在 Chrome 和相机选项中工作根本不起作用。这是错误的东西，不要在上面投入太多时间，你在浪费时间！它似乎只能“读取”使用 L 纠错模式编码的条形码。