Javascript 使用Angular js HTML5进行条形码和Qrcode扫描

我需要扫描Android/iphone/ipad设备上的条形码和Qrcode。 该项目完全基于Angular JS和HTML5。它是一个移动网站

以下是要求。 它不应在设备上下载任何第三方本机应用程序。因此无法使用本机Zxing应用程序

那么，在javascript/HTML5/jquery/Angular js中是否有任何方法可以使用本机摄像头扫描条形码

我们尝试了下面的javascript库，但发现它并没有用，因为它只适用于QRcode，而不适用于打开摄像头。

---

请帮忙

请通读此插件，它将帮助您实现所需目标。尝试演示-这是一个跨平台的jQuery库，用于为兼容HTML5的浏览器创建QRcode读取器。

我将HTML5 QRcode插件改编为AngularJS指令

您可以在本回购协议中找到：

---

如果没有Flash（或一些尚未发布的对文件API的改进），根本无法从移动摄像机中获取数据并用JavaScript在客户端进行处理（LazerSoft库令人印象深刻，但它从Flash SWF获取摄像机数据，并将其转换为画布元素）。您可以提示用户上传从其相机拍摄的图像，并运行服务器端代码块。这不会接近性能或本机应用程序。可能是PhoneGap或Tianium？在Android和ios手机浏览器上的flash“此插件不受支持错误正在出现”。客户要求我们不要打开图库。我想知道您是否找到了解决方案，因为我也有同样的问题。现在是2017年，但仍然没有一个库可以使用javascript/angular/jqueryHi制作条形码和QR码。谢谢，但我还无法解决问题。我集成了这个库，但它并没有在Android-chromer和本机浏览器/iphone safari浏览器上打开本机摄像头。空白屏幕即将出现。请建议任何可以执行以下操作的库1.打开设备摄像头2。扫描条形码和二维码并将其返回给Angular js应用程序。以下日志来自Android chrome浏览器。本机网络摄像头流媒体（getUserMedia）在此浏览器中不受支持。html5-qrcode.min.js：104@user2425109尝试在您当前的Android chrome浏览器@user2425109中打开这篇文章，查看Web RTC错误（getUserMedia）不受支持另请参见入门Web RTC如何使其使用后摄像头而不是前摄像头？请解释您的答案。如果能够触发扫描仪启动，例如，当用户单击按钮时，而不是在页面加载时启动，这将非常有用。另外非常有用的演示。嘿@Sem这个指令太棒了！谢谢你。你知道是否有可能将其集成到Cordova/Phonegap中嵌入的Angular应用程序中吗？无论如何，我要试试。这在移动设备上不起作用，因为那里不支持getUserMedia。它可以在Chrome等现代桌面浏览器中使用。@David您有什么新消息吗？