是否可以在Ionic/Cordova中进行相机预览和扫描条形码？

Question

因此，我目前正在网络上游荡，试图调查已经存在的仅在iOS和安卓上兼容Cordova/Ionic/AngularJS的版本；下面是我所遇到的快速浏览，然后我将解释我试图实现的目标。我遇到过cordova-plugin-camera-preview，对于我想采用的方法来说，它绝对是理想的；基本上，不离开我的应用程序就可以将它嵌入到我的HTML中。我也遇到过quaggaJS，它似乎是一个有趣的条形码扫描器。现在我已经使用了cordovaBarcodeScanner，但这似乎退出了我的应用程序，这不是我的理想方法。

我想要实现的目标

在我的Ionic/Cordova移动应用程序中，我正在尝试实现实时预览条形码扫描器。所以我的想法是，我将导航到我的应用程序中的一个页面，它将引发嵌入式摄像头视图，并提供通过我的摄像头可以看到的内容的实况馈送( cordova-plugin-camera-preview提供的内容非常适合这种方法)，但这个插件当然不提供任何条形码扫描功能。所以在这一点上，我发现quaggaJS似乎是一种很好的方法，然而，我目前未能让quaggaJS与我的Cordova项目一起工作，这是一种遗憾。

我想要实现的东西会不会已经存在，或者有没有可能让我提到的两个插件与Cordova项目协同工作？

任何帮助都是非常感谢的。

Answer 1

到目前为止，我找到的是Scandit SDK，它提供了你想要的东西，但它是付费的，而且有点贵。

到目前为止，我所做的是使用你提到的这个库和qrcode javascript库来解码我从相机预览中获得的图片，但它没有Scandit那么快。如果你找到更好的东西，请告诉我们。

Answer 2

您可以使用QR Scanner Ionic Native Plugin，但由于它仅配置为扫描QRCodes，因此必须编辑源代码以添加所需的条形码格式。

对于安卓系统，编辑以下文件:在第457行之后编辑/platforms/android/app/src/main/java/com/bitpay/cordova/qrscanner/QRScanner.java：

formatList.add(BarcodeFormat.QR_CODE);
// add your [BarcodeFormat][2] here.

对于IOS，请编辑以下文件: /platforms/ios/yourapp/Plugins/cordova-plugin-qrscanner/QRScanner.swift

第156行：

metaOutput!.metadataObjectTypes = [AVMetadataObject.ObjectType.qr, ... comma_seperated_formats_here]

您还必须编辑第250行：

if ( (found.type == (AVMetadataObject.ObjectType.qr) && found.stringValue != nil) )

如下所示：

if ( (found.type == (AVMetadataObject.ObjectType.qr) && found.stringValue != nil) ||
    (found.type == (AVMetadataObject.ObjectType.ean13) && found.stringValue != nil) || ..... )