UniAPP离线车牌实时扫描识别

插件说明

UniAPP离线车牌实时扫描识别(Android平台)

标签：车牌实时识别 车牌离线识别 车牌实时扫描 车牌离线扫描 车牌实时离线识别 车牌实时离线扫描

特点：

• 1、使用方便，引入即可；
• 2、响应快速，原生体验；
• 3、完全离线，无需联网；
• 4、插件包体积小，不占用云打包资源(参考后边压缩体积教程)；
• 5、完全独立，不依赖任何第三方SDK（目前发现很多依赖百度等第三方SDK，需要单独进行购买第三方服务或者授权，此插件承诺终身使用）；
• 6、返回结果内容丰富，支持：​​车牌号​​​、​​车牌颜色​​​、​​车牌抓拍图片​​；
• 7、支持车牌类型齐全；
• 8、支持离线打包；
• 9、可进行定制；

效果：

支持车牌：

平台兼容性

原生插件通用使用流程：

• 1、购买插件，选择该插件绑定的项目；
• 2、在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加；
• 3、根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能；
• 4、打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试；
• 5、开发完毕后正式云打包；

目前插件市场所有付费原生插件均不支持离线打包，此插件支持离线打包！！！

• Android 离线打包原生插件另见文档 ​​https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android​​
• iOS 离线打包原生插件另见文档 ​​https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios​​

使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择；

使用说明

参考官网原生插件使用：
​​​https://nativesupport.dcloud.net.cn/NativePlugin/use/use.html​​

使用步骤

• 1、解压插件：
  解压插件zip包到uniapp项目目录nativePlugins中；
• 2、引用插件：

1. 点击manifest.json 进行配置；
2. 选择指定的本地插件（自动识别）：

• 3、使用插件：

// 一行代码引用
var plateModule = uni.requireNativePlugin("PlateModule")

// 调用识别程序
plateModule.startPlate(
    {
        'accuracy': 0.80, // 识别准确率(取值范围：0.0-1.0。准确率大于该值才返回结果，值越大识别越准确但也会越慢，需要测试出来最适合自己的准确率)
        'quality': 80, // 图像压缩率(取值范围：0-100。 0:压缩100%，100:不压缩)
        'showText': true // 是否显示提示文字
    },
    (ret) => {
        console.log("showLPR result : ", ret);
        modal.toast({
            message: ret,
            duration: 1.5
        });
        //解析
        this.success = true;
        if (ret.number) {
            this.number = ret.number;
        }
        if (ret.color) {
            this.color = ret.color;
        }
        if (ret.image) {
            this.image = ret.image;
            this.imagePath = "file:///" + ret.image;
        }

    }
);

• 3、压缩体积教程：

将插件目录中文件​​lib-lpr-release.aar​​​使用压缩工具打开，根据自己使用的Android平台进行保留​​jni​​​目录下​​.so​​文件，即删除掉多余的平台目录；

目录结构：

├─ package.json
├─ android
│  ├── res
│  │── libs
│  │── assets
│  │── uniplugin_lpr-release.aar
│  └── lib-lpr-release.aar
└─ ios

​​lib-lpr-release.aar​​文件压缩包中目录结构：

├─ AndroidManifest.xml
├─ classes.jar
├─ res
├─ assets
├─ jni
│  │── armeabi-v7a
│  │── arm64-v8a
│  └── x86
└─ios

举例：如果当前平台为​​armeabi-v7a​​​,则只需要保留​​armeabi-v7a​​​目录即可，其他同级目录​​arm64-v8a​​​、​​x86​​均可删除；

完整代码示例

<template>
  <view class="button-sp-area">
    <button type="primary" plain="true" @click="showLPR()">点击识别车牌</button>
    <view style="margin-top: 20px; padding: 20px;" v-show="this.success == true">
      <view style="text-align: center;color: lightslategray;">
        <text>车牌号：{{number}}</text>
      </view>
      <view style="text-align: center;color: lightslategray;">
        <text>车牌颜色：{{color}}</text>
      </view>
      <view style="text-align: center;color: lightslategray;">
        <text>图片地址：{{image}}</text>
      </view>
      <view style="text-align: center;color: lightslategray;">
        <image :src="imagePath"></image>
      </view>
    </view>
  </view>
</template>

<script>
  const modal = uni.requireNativePlugin('modal');
  // 获取 module
  var plateModule = uni.requireNativePlugin("PlateModule")
  export default {
    data() {
      return {
        success: false,
        number: "",
        color: "",
        image: "",
        imagePath: ""
      }
    },
    methods: {
      showLPR() {
        console.log('showLPR...')

        //带参数
        plateModule.startPlate(
          {
            'accuracy': 0.80, // 识别准确率(取值范围：0.0-1.0。准确率大于该值才返回结果，值越大识别越准确但也会越慢，需要测试出来最适合自己的准确率)
            'quality': 80, // 图像压缩率(取值范围：0-100。 0:压缩100%，100:不压缩)
            'showText': true // 是否显示提示文字
          },
          (ret) => {
            console.log("showLPR result : ", ret);
            modal.toast({
              message: ret,
              duration: 1.5
            });
            //解析
            this.success = true;
            if (ret.number) {
              this.number = ret.number;
            }
            if (ret.color) {
              this.color = ret.color;
            }
            if (ret.image) {
              this.image = ret.image;
              this.imagePath = "file:///" + ret.image;
            }

          }
        );
      }
    }
  }
</script>

<style>

</style>