uniapp原生插件之安卓虹软人脸识别增值版原生插件_uniapp 虹软-程序员宅基地

技术标签: 虹软  android  人脸识别  uniapp插件  uni-app  

插件介绍

虹软人脸识别增值版支持在线激活,离线激活,支持图片人脸识别(可识别网络图片),活体检测,离线识别,相机预览旋转,相机人脸识别,批量注册(支持网络图片)等,支持保存用户的id和名称

本插件是增值版插件,如果您想使用免费版插件请点击这里

插件地址

安卓虹软人脸识别增值版原生插件支持在线激活,离线激活,批量注册等 - DCloud 插件市场

详细使用文档

uniapp 安卓虹软人脸识别增值版原生插件使用文档

激活

用法

在需要使用插件的页面加载以下代码

const module = uni.requireNativePlugin("leven-arcFacePro-ActiveModule");

示例 

<template>
  <view>
    <uni-card title="激活">
      <button type="primary" @click="activeOnline">在线激活</button>
      <button type="primary" @click="getDeviceFinger">获取设备指纹信息</button>
      <button type="primary" @click="activeOffline">离线激活</button>
    </uni-card>
  </view>
</template>

<script>
  const module = uni.requireNativePlugin("leven-arcFacePro-ActiveModule");
  export default {
    data() {
      return {

      }
    },
    methods: {
      // 在线激活
      activeOnline() {
        module.activeOnline({
          activeKey: "85Q1-11MH-H13X-QK97",
          appId: "BPeKN1LAULmr364FMisKF3Cds2U3cNaec8PYvxkiSdWm",
          sdkKey: "8Hzo8nFpMj8DWgAaTsQySH2QJoQ1YKUDEAX4w2RL24BU"
        }, res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 获取设备指纹信息
      getDeviceFinger() {
        module.getDeviceFinger(res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 离线激活
      activeOffline() {
        module.activeOffline({
          path: "/storage/emulated/0/Download/WeiXin/85Q111L6B11R1WNE.dat"
        }, res => {
          this.showToast(JSON.stringify(res))
        })
      },
      showToast(content) {
        console.log(content)
        // uni.showToast({
        //   icon: "none",
        //   title: content
        // })
      }
    }
  }
</script>

<style>

</style>

人脸管理

用法

在需要使用插件的页面添加以下代码

const module = uni.requireNativePlugin("leven-arcFacePro-FaceManagerModule");

示例

<template>
  <view>
    <uni-card title="人脸管理">
      <button type="primary" @click="init">初始化</button>
      <button type="primary" @click="getImageFace">获取图片人脸信息</button>
      <button type="primary" @click="imageFaceRegister">图片注册人脸</button>
      <button type="primary" @click="clearFace">清空人脸库</button>
      <button type="primary" @click="deleteFace">删除人脸</button>
      <button type="primary" @click="getFace">获取人脸</button>
      <button type="primary" @click="getAllFace">获取所有人脸信息</button>
      <button type="primary" @click="batchRegister">批量注册</button>
      <button type="primary" @click="getFaceCount">获取注册的人脸数量</button>
    </uni-card>

    <!-- 注册进度弹窗 -->
    <process ref="refProcess" :processTitle="batchRegisterProcess.processTitle" :process="batchRegisterProcess.process"
      :successCount="batchRegisterProcess.successCount" :failedCount="batchRegisterProcess.failedCount" :totalCount="batchRegisterProcess.totalCount">
    </process>
  </view>
</template>

<script>
  // 批量注册人脸的文件
  import {
    faceList
  } from "@/utils/face.js"
  //加载组件
  import process from "./process.nvue"
  const module = uni.requireNativePlugin("leven-arcFacePro-FaceManagerModule");
  export default {
    components: {
      process
    },
    data() {
      return {
        //批量注册进度
        batchRegisterProcess: {
          //进度描述
          processTitle: "0",
          //当前进度
          process: 0,
          // 成功数量
          successCount: 0,
          //失败数量
          failedCount: 0,
          //注册总数量
          totalCount: 0
        }
      }
    },
    methods: {
      // 初始化
      init() {
        module.init(res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 获取图片人脸信息
      getImageFace() {
        module.getImageFace({
          //本地或网络url地址
          url: "/sdcard/DCIM/Camera/IMG_20230225_175710.jpg",
        }, res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 图片注册人脸
      imageFaceRegister() {
        module.imageFaceRegister({
          //本地或网络url地址
          // url: "/storage/emulated/0/Pictures/WeiXin/mmexport1701242375957.jpg",
          url: "http://www.yeyuboke.com/svga/4.jpg",
          // 保存的id(可以不传该参数,默认时间戳)
          id: 123,
          //保存的姓名(可以不传该参数,默认时间戳)
          name: "leven",
          // 同一人是否可以多次注册,默认true
          registerMultiple: false
        }, res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 清空人脸库
      clearFace() {
        module.clearFace(res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 删除人脸
      deleteFace() {
        module.deleteFace({
          id: "123"
        }, res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 获取人脸
      getFace() {
        module.getFace({
          id: "123"
        }, res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 批量注册
      batchRegister() {
        if (this.$refs.refProcess) {
          this.$refs.refProcess.open();
        }
        let list = [];
        faceList.map(item => {
          let obj = {
            id: item._id,
            name: item.name,
            url: item.pic
          }
          list.push(obj)
        })
        this.batchRegisterProcess.totalCount = list.length;
        module.batchRegister({
          // 同一人是否可以多次注册,默认true
          registerMultiple: false,
          list: list
        }, res => {
          // console.log(res);
          if (res.code == 0) {
            let data = res.data || {};
            let status = data.status;
            if (status == "registerFinish") {
              //注册完成
              if (this.$refs.refProcess) {
                this.$refs.refProcess.close();
              }
              uni.$lv.func.toast("注册结束");
            } else if (status == "registering") {
              //注册中
              let successCount = data.successCount || 0;
              let failedCount = data.failedCount || 0;
              let progress = data.progress || 0;
              let progressValue = progress.toFixed(4);
              //高精度乘法
              progressValue = uni.$lv.number.mul(progressValue, 100);
              this.batchRegisterProcess.failedCount = failedCount;
              this.batchRegisterProcess.process = Math.floor(progressValue);
              this.batchRegisterProcess.processTitle = progressValue + "";
              this.batchRegisterProcess.successCount = successCount;
            }
          }
        })
      },
      // 获取所有人脸信息
      getAllFace() {
        module.getAllFace(res => {
          this.showToast(JSON.stringify(res))
        })
      },
      // 获取注册的人脸数量
      getFaceCount() {
        module.getFaceCount(res => {
          this.showToast(JSON.stringify(res))
        })
      },
      showToast(content) {
        uni.showToast({
          icon: "none",
          title: content
        })
      }
    }
  }
</script>

<style>

</style>

 人脸识别

用法

在需要使用插件的页面添加以下代码

<leven-arcFacePro ref="refLevenArcFacePro" style="flex:1; height: 500px;" :camera="camera" :video="video" @onError="onError"
      @onCameraOpened="onCameraOpened" @onCameraClosed="onCameraClosed" @onFaceResult="onFaceResult">
    </leven-arcFacePro>

示例

    <template>
  <view>
    <uni-card title="人脸识别">
      <view style="flex:1; height: 500px; position: relative;">
        <leven-arcFacePro ref="refLevenArcFacePro" style="flex:1; height: 500px;" :camera="camera" :video="video" @onError="onError"
          @onCameraOpened="onCameraOpened" @onCameraClosed="onCameraClosed" @onFaceResult="onFaceResult">
        </leven-arcFacePro>
        <!-- 组件内部自定义内容 -->
        <!-- <cover-view style="position: absolute; right: 0; bottom: 0;">
          <view><text>这里是自定义文字内容</text></view>
        </cover-view> -->
      </view>
      <view>
        <button type="primary" @click="register">注册人脸</button>
        <button type="primary" @click="switchCamera">切换相机</button>
        <button type="primary" @click="stop">关闭预览</button>
        <button type="primary" @click="start">开启预览</button>
        <button type="primary" @click="closeFace">关闭人脸检测</button>
        <button type="primary" @click="openFace">开启人脸检测</button>
        <button type="primary" @click="setCamera">更新摄像机属性</button>
        <button type="primary" @click="setVideo">更新视频检测属性</button>
        <button type="primary" @click="reInit">重载组件</button>
      </view>
    </uni-card>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        //相机属性,所有的参数都可以不传,不传则按默认的
        camera: {
          // 相机预览旋转角度
          rotation: 0,
          //相机模式,1.前置,0.后置(默认)
          facing: 1,
          // 摄像机预览圆角,默认:0
          radius: 50,
          //预览分辨率,默认:[1280,720]
          size: [1280, 720],
        },
        // 视频检测配置,所有参数都可以不传,不传则按默认的
        video: {
          // 视频检测角度,可接收参数,0,90,180,270,360(默认)
          orient: 360,
          // 人脸框是否处于X反向状态,如果未设置该参数人脸框和人脸处于反向请将该参数设置为true
          isContraryX: false,
          // 人脸框是否处于Y反向状态,如果未设置该参数人脸框和人脸处于反向请将该参数设置为true
          isContraryY: false,
          // 识别阈值(默认:0.8)
          similar: 0.9,
          // 是否进行活体检测(默认为true)
          liveness: true,
          //识别是否展示面部信息(默认为true)
          showFaceInfo: false
        }
      }
    },
    methods: {
      // 注册人脸
      register() {
        if (this.$refs.refLevenArcFacePro) {
          this.$refs.refLevenArcFacePro.register({
            // 注册后保存的id(可以不传该参数,默认时间戳)
            id: "123",
            //注册后保存的名字(可以不传该参数,默认时间戳)
            name: "leven",
            //同一人脸是否可以多次注册
            registerMultiple: false,
          }, res => {
            console.log(res)
          });
        }
      },
      // 切换相机
      switchCamera() {
        if (this.$refs.refLevenArcFacePro) {
          this.$refs.refLevenArcFacePro.switchCamera(res => {
            console.log(res)
          });
        }
      },
      // 关闭预览
      stop() {
        if (this.$refs.refLevenArcFacePro) {
          this.$refs.refLevenArcFacePro.stop(res => {
            console.log(res)
          });
        }
      },
      // 开启预览
      start() {
        if (this.$refs.refLevenArcFacePro) {
          this.$refs.refLevenArcFacePro.start(res => {
            console.log(res)
          });
        }
      },
      // 关闭人脸检测
      closeFace() {
        if (this.$refs.refLevenArcFacePro) {
          this.$refs.refLevenArcFacePro.closeFace(res => {
            console.log(res)
          });
        }
      },
      // 开启人脸检测
      openFace() {
        if (this.$refs.refLevenArcFacePro) {
          this.$refs.refLevenArcFacePro.openFace(res => {
            console.log(res)
          });
        }
      },
      // 设置摄像机属性,设置完属性后需调用一次重载组件方可生效
      setCamera() {
        if (this.$refs.refLevenArcFacePro) {
          let params = JSON.parse(JSON.stringify(this.camera));
          params.rotation = 90;
          params.facing = 1;
          params.radius = 10;
          params.size = [800, 600];
          this.$refs.refLevenArcFacePro.setCamera(params, res => {
            console.log(res)
          });
        }
      },
      // 设置视频检测属性,设置完属性后需调用一次重载组件方可生效
      setVideo() {
        if (this.$refs.refLevenArcFacePro) {
          let params = JSON.parse(JSON.stringify(this.video));
          params.orient = 360;
          params.liveness = false;
          params.isContraryX = true;
          params.isContraryY = true;
          params.similar = 0.95;
          params.showFaceInfo = true;
          this.$refs.refLevenArcFacePro.setVideo(params, res => {
            console.log(res)
          });
        }
      },
      // 重载组件
      reInit() {
        if (this.$refs.refLevenArcFacePro) {
          this.$refs.refLevenArcFacePro.reInit(res => {
            console.log(res)
          });
        }
      },
      // 错误事件
      onError(e) {
        console.log(e)
      },
      // 相机打开事件
      onCameraOpened(e) {
        console.log(e)
      },
      // 相机关闭事件
      onCameraClosed(e) {
        console.log(e)
      },
      // 相机配置改变事件
      onCameraConfigurationChanged(e) {
        console.log(e)
      },
      // 人脸识别结果
      onFaceResult(e) {
        console.log(e)
      }
    }
  }
</script>

<style>

</style>

插件方法

激活

  • 在线激活
  • 获取设备指纹信息
  • 离线激活

人脸管理

  • 初始化
  • 获取图片人脸信息
  • 图片注册人脸
  • 清空人脸库
  • 删除人脸
  • 获取人脸
  • 获取所有人脸信息
  • 批量注册
  • 获取注册的人脸数量

组件

  • 组件方法
    • 相机注册人脸
    • 切换相机
    • 关闭预览
    • 开启预览
    • 关闭人脸检测
    • 开启人脸检测
    • 设置摄像机属性
    • 设置视频检测属性
  • 组件属性
    • 摄像机配置
    • 视频检测配置
  • 组件事件
    • 错误事件
    • 相机打开事件
    • 相机关闭事件
    • 相机配置改变事件
    • 人脸识别结果

具体方法的使用请参考使用说明文档

联系作者

购买插件前请先试用,试用通过再购买。在试用中如果遇到任何问题,可与作者联系,QQ:334106817,将全力协助你使用本插件

预览图片

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lw0911/article/details/134980957

智能推荐

Docker 快速上手学习入门教程_docker菜鸟教程-程序员宅基地

文章浏览阅读2.5w次,点赞6次,收藏50次。官方解释是,docker 容器是机器上的沙盒进程,它与主机上的所有其他进程隔离。所以容器只是操作系统中被隔离开来的一个进程,所谓的容器化,其实也只是对操作系统进行欺骗的一种语法糖。_docker菜鸟教程

电脑技巧:Windows系统原版纯净软件必备的两个网站_msdn我告诉你-程序员宅基地

文章浏览阅读5.7k次,点赞3次,收藏14次。该如何避免的,今天小编给大家推荐两个下载Windows系统官方软件的资源网站,可以杜绝软件捆绑等行为。该站提供了丰富的Windows官方技术资源,比较重要的有MSDN技术资源文档库、官方工具和资源、应用程序、开发人员工具(Visual Studio 、SQLServer等等)、系统镜像、设计人员工具等。总的来说,这两个都是非常优秀的Windows系统镜像资源站,提供了丰富的Windows系统镜像资源,并且保证了资源的纯净和安全性,有需要的朋友可以去了解一下。这个非常实用的资源网站的创建者是国内的一个网友。_msdn我告诉你

vue2封装对话框el-dialog组件_<el-dialog 封装成组件 vue2-程序员宅基地

文章浏览阅读1.2k次。vue2封装对话框el-dialog组件_

MFC 文本框换行_c++ mfc同一框内输入二行怎么换行-程序员宅基地

文章浏览阅读4.7k次,点赞5次,收藏6次。MFC 文本框换行 标签: it mfc 文本框1.将Multiline属性设置为True2.换行是使用"\r\n" (宽字符串为L"\r\n")3.如果需要编辑并且按Enter键换行,还要将 Want Return 设置为 True4.如果需要垂直滚动条的话将Vertical Scroll属性设置为True,需要水平滚动条的话将Horizontal Scroll属性设_c++ mfc同一框内输入二行怎么换行

redis-desktop-manager无法连接redis-server的解决方法_redis-server doesn't support auth command or ismis-程序员宅基地

文章浏览阅读832次。检查Linux是否是否开启所需端口,默认为6379,若未打开,将其开启:以root用户执行iptables -I INPUT -p tcp --dport 6379 -j ACCEPT如果还是未能解决,修改redis.conf,修改主机地址:bind 192.168.85.**;然后使用该配置文件,重新启动Redis服务./redis-server redis.conf..._redis-server doesn't support auth command or ismisconfigured. try

实验四 数据选择器及其应用-程序员宅基地

文章浏览阅读4.9k次。济大数电实验报告_数据选择器及其应用

随便推点

灰色预测模型matlab_MATLAB实战|基于灰色预测河南省社会消费品零售总额预测-程序员宅基地

文章浏览阅读236次。1研究内容消费在生产中占据十分重要的地位,是生产的最终目的和动力,是保持省内经济稳定快速发展的核心要素。预测河南省社会消费品零售总额,是进行宏观经济调控和消费体制改变创新的基础,是河南省内人民对美好的全面和谐社会的追求的要求,保持河南省经济稳定和可持续发展具有重要意义。本文建立灰色预测模型,利用MATLAB软件,预测出2019年~2023年河南省社会消费品零售总额预测值分别为21881...._灰色预测模型用什么软件

log4qt-程序员宅基地

文章浏览阅读1.2k次。12.4-在Qt中使用Log4Qt输出Log文件,看这一篇就足够了一、为啥要使用第三方Log库,而不用平台自带的Log库二、Log4j系列库的功能介绍与基本概念三、Log4Qt库的基本介绍四、将Log4qt组装成为一个单独模块五、使用配置文件的方式配置Log4Qt六、使用代码的方式配置Log4Qt七、在Qt工程中引入Log4Qt库模块的方法八、获取示例中的源代码一、为啥要使用第三方Log库,而不用平台自带的Log库首先要说明的是,在平时开发和调试中开发平台自带的“打印输出”已经足够了。但_log4qt

100种思维模型之全局观思维模型-67_计算机中对于全局观的-程序员宅基地

文章浏览阅读786次。全局观思维模型,一个教我们由点到线,由线到面,再由面到体,不断的放大格局去思考问题的思维模型。_计算机中对于全局观的

线程间控制之CountDownLatch和CyclicBarrier使用介绍_countdownluach于cyclicbarrier的用法-程序员宅基地

文章浏览阅读330次。一、CountDownLatch介绍CountDownLatch采用减法计算;是一个同步辅助工具类和CyclicBarrier类功能类似,允许一个或多个线程等待,直到在其他线程中执行的一组操作完成。二、CountDownLatch俩种应用场景: 场景一:所有线程在等待开始信号(startSignal.await()),主流程发出开始信号通知,既执行startSignal.countDown()方法后;所有线程才开始执行;每个线程执行完发出做完信号,既执行do..._countdownluach于cyclicbarrier的用法

自动化监控系统Prometheus&Grafana_-自动化监控系统prometheus&grafana实战-程序员宅基地

文章浏览阅读508次。Prometheus 算是一个全能型选手,原生支持容器监控,当然监控传统应用也不是吃干饭的,所以就是容器和非容器他都支持,所有的监控系统都具备这个流程,_-自动化监控系统prometheus&grafana实战

React 组件封装之 Search 搜索_react search-程序员宅基地

文章浏览阅读4.7k次。输入关键字,可以通过键盘的搜索按钮完成搜索功能。_react search