人脸表情识别 微信小程序 百度智能云人脸识别API(含完整项目文件)

展示

界面展示

在这里插入图片描述

正下方三个按钮:
左边:切换前后置摄像头
中间:拍照
右边:选择相册

识别结果展示

图像中有人脸时显示识别结果:
在这里插入图片描述
图像中无人脸时不显示识别结果:
在这里插入图片描述

获取百度智能云人脸识别API

1.进入百度智能云官网,注册账号并登录
2.进入用户中心后,如图所示依次点击产品服务-人脸识别
在这里插入图片描述
3.之后再如图所示依次点击应用列表-马上创建
在这里插入图片描述
4.根据流程创建新应用即可
在这里插入图片描述
在这里插入图片描述
5.创建完成后回到应用列表界面即可看见API KeySecret Key
(这两串字符是我们微信小程序前端与百度API交互的关键)
在这里插入图片描述

微信小程序端

主要代码:
代码中有两个URL。分别是获取token请求检测

  getFaceInfo() {
    // 获取token
    wx.request({
      method: 'POST',
      url: 'https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=123456789&client_secret=123456789',
      success: (res) => {
        // 为 token 赋值
        this.setData({
          token: res.data.access_token
        }, () => {
          this.processParams()
        })
      }
    })
  },

client_id=后替换成自己申请的API Key;
client_secret=后替换成相应的Secret Key

// 请求检测
  testFace(params) {
    wx.showLoading({
      title: '表情检测中...',
    })
    wx.request({
      // 请求的类型
      method: 'POST',
      // 请求的地址
      url: 'https://aip.baidubce.com/rest/2.0/face/v3/detect?access_token=' + this.data.token,
      // 请求头
      header: {
        'Content-Type': 'application/json'
      },
      // 请求体
      data: params,
      // 成功的回调函数
      success: (res) => {
        if (res.errMsg === 'request:ok' && res.data.result !== null && res.data.result.face_num !== 0) {
          this.setData({
            faceinfo: res.data.result.face_list[0]
          })
        }
      },
      complete: () => {
        wx.hideLoading()
      }
    })
  }
})

代码中需要注意的是上述两个url地址可能会因百度官方的调整而发生变化。因此需要我们学会看百度官方的开发文档。

1.如图所示,点击技术文档后即可查看。
在这里插入图片描述
2.选择人脸识别,再点击Access Token获取即可查看最新的授权服务地址
在这里插入图片描述
如图所示即为最新的授权服务地址
在这里插入图片描述
同理,文档也有请求检测的最新URL地址
在这里插入图片描述

完整项目文件

链接:https://pan.baidu.com/s/1ti7aIdHT9cNtitO1YAB-kQ
提取码:a40k

  • 3
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值