如何从浏览器中读取条形码

Question

是否可以从移动浏览器中读取条形码？我需要制作一个移动网页，将商店的扫描标签作为输入。它还需要稍后支持移动应用程序。我正在开发.Net网站。我需要通过手机的相机读取条形码。

我正在使用C＃开发网站。不确定这是否会增加任何限制。 你知道任何图书馆吗？

Answer 1

取决于你想采取什么方法.....

最简单的方法是获取条形码阅读器并将其置于“键盘楔形”模式并以这种方式扫描，所以它基本上看起来像有人在输入东西

更复杂的是，那里有使用网络摄像头作为条形码阅读器的库，你可以通过javascript访问它

Answer 2

有趣的问题泰迪。如果我理解正确，你只是在服务器端使用C＃ASP.NET，而不是在客户端。如果你想考虑Silverlight，你可以看看Greg Bray的ZXing的C＃Silverlight端口。但是，根据我对基思回复中的评论的理解，这不是你想要做的。 （Silverlight与Flash非常相似，您拒绝使用Flash，并且在移动设备上支持的程度较低。）

将Flash和Silverlight排除在外，你有两个问题需要解决，可能使用不同的技术：

1. 让浏览器与设备的摄像头连接并捕获图像。如果您不想使用Flash（或Silverlight），则必须依赖于在新浏览器（包括移动浏览器）中慢慢找到方法的功能。 Eric Bibelman的博客是一个很好的起点：http://www.html5rocks.com/en/tutorials/getusermedia/intro/

2. 您需要“读取”图像中的条形码。有两个明显的选择：

   一个。使用javascript。 （这很有希望，但我没有尝试过可用的解决方案，并且怀疑他们将走多远的基本概念验证功能。）参见Tobias Schneider的要点：https://gist.github.com/421369

   B中。将图像发布回服务器端C＃ASP.NET代码并在那里处理条形码识别。然后，您就可以使用C＃库，包括ZXing端口。 （或者，如果您认为可以使用更好的条形码识别选项，则可以使用不同技术（例如Java）的专用服务器。）

说实话，我首先考虑使用原生界面和库创建移动应用程序，以便进行图像捕获和条形码识别，并通过在应用程序中嵌入Web浏览器控件来重用我的网站工作。使用ZXing在Android中执行此操作，花了我不到一个小时的时间，如果我想将应用程序移植到这些平台上，我认为我不会在iPhone或Windows Phone上遇到太多障碍。