Html 在移动网站应用中努力实现二维码/条形码扫描仪

我正在构建一个移动web应用程序（也就是一个专门用于移动查看的网站），我正在尝试使用他们设备的摄像头实现二维码/条形码扫描仪

问题：我的主要困难在于，在这方面似乎没有太多的支持/帮助。我一直在使用，如果我直接上传二维码的图像，这似乎是可行的，但当我在二维码中添加空格或拍照时，它就不起作用了。然而，在实现它的网站（）上，一切似乎都很好。 我基本上在他的git源代码中使用了“test”文件，然后对其进行了一点修改，使其能够读取我在网站上显示的图像

问题：有人能帮我弄清楚我是否需要包括更多他的库，或者我如何让我的QR阅读器破译不太可见的QR码，或者那些在照相机内拍摄的QR码吗？webqr.com网站运行得很好，但他的测试文件似乎没有在其中实现同样的功能

示例：您可以在上测试我的当前设置。上传完美的QR图像可以正常工作，例如（工作QR码的示例），但是如果添加了任何空白，或者如果您给它一张用相机拍摄的图像（在网站上使用手机），则该图像无法正常工作。（空白示例使其无法工作）

• 注意：当您添加另一个图像时，如果新图像有错误，它将不会删除显示的最后一个数字代码。（我将在今晚回家时更新）

目标：目标是用户在其移动设备（最有可能是手机）上打开网站，然后扫描二维码或条形码，然后显示其嵌入的号码