位置: IT常识 - 正文

UNI-APP 人脸识别分析及实现(前端)(unik面部识别怎么用)

编辑:rootadmin
UNI-APP 人脸识别分析及实现(前端) APP开发一个人脸识别,实现刷脸功能实现流程:

推荐整理分享UNI-APP 人脸识别分析及实现(前端)(unik面部识别怎么用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uniapp人脸识别打卡,uniapp人脸识别登录,uniapp人脸识别身份证,uniapp人脸识别方案,uniapp人脸识别上传,uniapp人脸识别上传,uniapp人脸识别上传,uniapp人脸识别方案,内容如对您有帮助,希望把文章链接给更多的朋友!

UNI-APP 人脸识别分析及实现(前端)(unik面部识别怎么用)

1、打开摄像头——自动读取照片——传输给后端——后端交由第三发或自主开发来识别——返回结果(相识度比) 2、打开摄像头——自动读取视频——传输给后端——后端通过解析视频,截取图片交由第三发或自主开发来识别——返回结果(相识度比) 通过分析,只需要做两步骤:打开摄像头和自动读取视频或照片

打开摄像头

分步骤分析:打开摄像头,并展示视频效果在html上,目前有两种方式: 1、使用camera组件进行,借用.createcameracontext()对象来打开摄像头(由于平台差异,uniapp不能在App、H5、支付宝/字节跳动/飞书/360小程序中使用) 2、通过livepusher对象(直播推流技术)实现视频预览和截屏 现在就有两种获取推流的方式了:第一种是nvue开发,第二种vue开发 如果是nvue开发,可以直接使用live-pusher组件进行直播推流,如果是vue开发,则需要使用h5+的plus.video.LivePusher对象来获取

使用NVUE来开发人脸识别

实际实现流程:调用手机摄像头创建直播推流 → 自动截图 → 压缩图片为base64格式→ 上传图片到服务器 → 服务器调用阿里人脸api → 阿里api返回该图片与底图的相似度

html部分<template> <view><div class="custom" :style="{height: CustomBar+'px'}"><view class="navcontent" :style="[{top:statusBar + 'px'}]"><text style="color: #FFFFFF;font-size: 16px;line-height: 45px;" class="iconfont icon-xiangzuo" @click="BackPage">返回</text><text style="color: #FFFFFF;font-size: 16px;line-height: 45px;">人脸识别</text><text></text></view></div> <div class="livefater"><div style="width: 350px;height: 350px;border-radius: 350px;overflow: hidden;background-color: #CCCCCC;"><live-pusher id='livePusher' ref="livePusher" class="livePusher" url=""mode="SD" :muted="true" :enable-camera="true" :auto-focus="true" :beauty="1" whiteness="2"aspect="1:1" @statechange="statechange" @netstatus="netstatus" @error = "error"></live-pusher></div><cover-image src="../static/image/gai.png" class="gaiimg"></cover-image></div> <button class="btn" @click="startPreview">打开摄像头进行人脸识别</button> </view></template>js部分 export default { data: { fil: true,imgList:[""],statusBar:'',CustomBar: 0 },onLoad(){// this.startPreview()}, onReady() { // 注意:需要在onReady中 或 onLoad 延时 this.context = uni.createLivePusherContext("livePusher", this);var that = thisuni.getSystemInfo({ success:function(e){ // 计算导航栏高度that.statusBar = e.statusBarHeight // #ifndef MP if(e.platform == 'android') { that.CustomBar = e.statusBarHeight + 50 }else { that.CustomBar = e.statusBarHeight + 45 } console.log(that.statusBar)// #endif // #ifdef MP-WEIXIN let custom = wx.getMenuButtonBoundingClientRect() that.CustomBar = custom.bottom + custom.top - e.statusBarHeight // #endif // #ifdef MP-ALIPAY that.CustomBar = e.statusBarHeight + e.titleBarHeight // #endif }}) }, methods: {Timer(){}, statechange(e) { console.log("statechange:" + JSON.stringify(e)); }, netstatus(e) { console.log("netstatus:" + JSON.stringify(e)); }, error(e) { console.log("error:" + JSON.stringify(e)); }, start: function() { this.context.start({ success: (a) => { console.log("livePusher.start:" + JSON.stringify(a)); } }); }, close: function() { this.context.close({ success: (a) => { console.log("livePusher.close:" + JSON.stringify(a)); } }); },// 拍照事件 snapshot: function() {var that = this this.context.snapshot({ success: (e) => { console.log(JSON.stringify(e));that.getMinImage(e.message.tempImagePath) } }); },// 开启摄像头 startPreview() {console.log("1")var that = this this.context.startPreview({ success: (a) => { console.log("livePusher.startPreview:" + JSON.stringify(a));that.Timer = setInterval(function(){that.snapshot()if(that.imgList.length>3){console.log("3")clearInterval(that.Timer)}},2000) } }); },// 使用plus.zip.compressImage压缩图片并转换成base64getMinImage(imgPath) {plus.zip.compressImage({src: imgPath,dst: imgPath,overwrite: true,quality: 40},zipRes => {setTimeout(() => {var reader = new plus.io.FileReader();reader.onloadend = res => {var speech = res.target.result; //base64图片console.log(speech);this.imgList.push(speech);};//一定要使用plus.io.convertLocalFileSystemURL将target地址转换为本地文件地址,否则readAsDataURL会找不到文件reader.readAsDataURL(plus.io.convertLocalFileSystemURL(zipRes.target));}, 1000);},function(error) {console.log('Compress error!', error);});},BackPage() {uni.navigateBack({delta: 1});} } }css部分.custom{background-color: #2C65F7;}.navcontent{height: 45px;display: -ms-flex;display: -webkit-flex;display: flex;justify-content:space-around;flex-direction:row;color:#FFFFFF;}.livePusher{width: 350px;height: 350px;}.livefater{display: -ms-flex;display: -webkit-flex;display: flex;justify-content:center;flex-direction:column;align-items:center;margin-top: 50rpx;margin-bottom: 50rpx;height: 350px;}.gaiimg{width: 350px;height: 350px;margin-top: -350px;}使用微信小程序开发人脸识别

微信小程序开发人脸识别,有很大的限制,在于资质审核。 微信文档

本文链接地址:https://www.jiuchutong.com/zhishi/283737.html 转载请保留说明!

上一篇:无痛人流多少钱(无痛人流多少钱?)

下一篇:最新小程序反编译详细教程,亲测可用(小程序在线反编译网页版)

  • 申诉微信没有回执编号怎么办(申诉不回微信号怎么办)

    申诉微信没有回执编号怎么办(申诉不回微信号怎么办)

  • etc激活不是本人手机可以吗

    etc激活不是本人手机可以吗

  • 荣耀手环5i怎么开机(荣耀手环5i怎么充电)

    荣耀手环5i怎么开机(荣耀手环5i怎么充电)

  • 腾讯课堂可以查看学生观看时间吗(腾讯课堂可以查看学生屏幕吗)

    腾讯课堂可以查看学生观看时间吗(腾讯课堂可以查看学生屏幕吗)

  • 手机连不上网是怎么回事(手机连不上网是手机问题还是卡的问题)

    手机连不上网是怎么回事(手机连不上网是手机问题还是卡的问题)

  • 电脑里照片怎么全屏(电脑里照片怎么改大小kb)

    电脑里照片怎么全屏(电脑里照片怎么改大小kb)

  • a2197是ipad几代几寸(ipad a2197是第几代)

    a2197是ipad几代几寸(ipad a2197是第几代)

  • 帮好友辅助注册微信安全吗(帮好友辅助注册微信)

    帮好友辅助注册微信安全吗(帮好友辅助注册微信)

  • 如何判断手机主板漏电(如何判断手机主板坏了还是屏幕坏了)

    如何判断手机主板漏电(如何判断手机主板坏了还是屏幕坏了)

  • 钉钉打卡后离开单位能发现吗(钉钉打卡后离开管理员设置的工作地点会有记录吗)

    钉钉打卡后离开单位能发现吗(钉钉打卡后离开管理员设置的工作地点会有记录吗)

  • 钉钉群有人数限制吗(钉钉群的人数限制)

    钉钉群有人数限制吗(钉钉群的人数限制)

  • 腾讯大王卡怎么退订(腾讯大王卡怎么领取腾讯视频vip)

    腾讯大王卡怎么退订(腾讯大王卡怎么领取腾讯视频vip)

  • qq音乐离线不能播放(qq音乐离线播放)

    qq音乐离线不能播放(qq音乐离线播放)

  • 分隔符和分页符的区别(分隔符和分页符的用法)

    分隔符和分页符的区别(分隔符和分页符的用法)

  • 微信注销完是什么样子(微信注销完是什么状态)

    微信注销完是什么样子(微信注销完是什么状态)

  • kiwtl00h是什么型号(kiw-ul00是什么型号)

    kiwtl00h是什么型号(kiw-ul00是什么型号)

  • 如何设置sos紧急呼叫(如何设置sos紧急求救OPPO手机)

    如何设置sos紧急呼叫(如何设置sos紧急求救OPPO手机)

  • 小红书苹果手机怎么不能下载(小红书苹果手机不能用)

    小红书苹果手机怎么不能下载(小红书苹果手机不能用)

  • 余额宝体验金是什么(余额宝体验金是什么回事用不用还)

    余额宝体验金是什么(余额宝体验金是什么回事用不用还)

  • 数据库外码的定义(数据库外码的定义语句)

    数据库外码的定义(数据库外码的定义语句)

  • ipad维修需要保修卡吗(ipad在保维修所需材料)

    ipad维修需要保修卡吗(ipad在保维修所需材料)

  • 手机steam怎么兑换cdk(手机steam怎么兑换码)

    手机steam怎么兑换cdk(手机steam怎么兑换码)

  • 无法接通和关机的区别(无法接通和关机的原因)

    无法接通和关机的区别(无法接通和关机的原因)

  • oppok3截图在哪里(oppok3截屏)

    oppok3截图在哪里(oppok3截屏)

  • 华为荣耀10防不防水(荣耀10防盗功能在哪儿)

    华为荣耀10防不防水(荣耀10防盗功能在哪儿)

  • IDEA 创建Maven Web项目(idea 创建maven项目读取pom报错)

    IDEA 创建Maven Web项目(idea 创建maven项目读取pom报错)

  • Python之字符串的遍历的4种方式(python字符串的符号)

    Python之字符串的遍历的4种方式(python字符串的符号)

  • 流量结转是什么意思
  • 印花税征税范围是什么
  • 纳税检查调整的销售额确认收入吗
  • 维修费税率是13的话归口什么类别
  • 应收款时间太长怎么处理
  • 税控盘锁死提示什么
  • 分公司预缴企业所得税总公司可以抵扣吗
  • 资信证明好开吗
  • 税控服务费抵税
  • 企业外币账户怎么开通
  • 佣金开什么发票
  • 税收和税法是什么关系
  • 报销油费如何写摘要及会计分录怎么做?
  • 结转以前的其他业务成本如何做会计分录呢?
  • 提取法定盈余公积比例
  • 免税的农业企业可以抵扣专票吗
  • 一般企业每个月的保洁费用是多少
  • 增值税税负率怎么算
  • 税率开错的增值税发票怎么办
  • 金税盘怎么清盘视频
  • 纳税人拒不缴滞纳金是否可单独强制执行
  • 免抵退税的范围
  • 利息收入需要开票吗
  • 增值税减免税明细表
  • 委托个人加工应税消费品纳税地点
  • 暂估入库材料分录
  • 公司增资的方式有什么
  • php ioc
  • 初级会计应收账款例题
  • php中mysqli怎么连接数据库
  • 电脑开机后桌面图标变乱
  • 电脑锁屏密码设置步骤
  • win7旗舰版叫啥
  • logd是什么进程
  • php require include
  • 缴纳季度企业所得税比例
  • 折扣额在备注栏
  • php共享内存用法有哪些
  • 股东分红企业代扣个税
  • php制作留言板包含登录和功能实现
  • php冒泡法排序
  • javascript手机编程
  • php sha1加密 解密
  • 资本化过程
  • 提供加工劳务属于增值税征收范围吗
  • 企业所得税汇算清缴操作流程
  • MySQL数据库有什么特点
  • 什么企业不用交残保金
  • 小规模不开票怎么做账
  • 增值税不用计提吗
  • 减免增值税的相关规定
  • 进项税怎么记账
  • 暂估入库需要入什么科目
  • 广告费应该计入办公费还是印刷费
  • 垃圾清运费的收费标准乱要钱怎么办
  • 出资注意事项有哪些内容
  • 红字发票可以跨月入账吗
  • 企业日常发放的贷款
  • 仓库费用计入什么科目
  • 某项租赁合同,租赁期为8年,每年年末支付租金100万
  • 固定资产处置当月还要折旧吗
  • 账簿设置方法
  • centos安装教程详解
  • win10预览文件怎么显示内容
  • linux命令find用法
  • 深入理解新发展理念,推进供给侧结构性改革 心得体会
  • jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
  • 用css滤镜实现的代码
  • JQuery Ajax WebService传递参数的简单实例
  • activity与fragment的通信
  • activity生命周期包含哪几种状态
  • Android 4.4 Dialog 被状态栏遮挡的解决方法
  • 你知道必要的意思吗英文
  • js和jquery可以混用吗
  • jquery ajax局部加载方法详解(实现代码)
  • 国家税务总局广东省税务局待遇
  • 增值税纳税申报表附列资料(一)
  • 江苏省税务局电话咨询热线
  • 党风监督员监督和反应情况怎么写
  • 国家税务总局176号公告
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设