apicloud apicloud

注册
查看: 7734|回复: 57

baiduFaceLive模块demo示例

版主

UID:83211

主题:
169
帖子:
9239
云币:
1994

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

baiduFaceLive模块demo示例

7734 57 | 发表于 2019-6-18 17:12:28 |阅读模式 | |
本帖最后由 52yaoer 于 2021-1-16 12:14 编辑

本模块封装了百度开放平台的人脸识别客户端SDK(活体检测),可以在客户端方便快捷的接入人脸识别功能。


点击进入模块详情

  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.         <title>Module Develop</title>
  5.         <meta charset="utf-8">
  6.         <meta name="viewport"
  7.                 content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  8.         <style type="text/css">
  9.                 html,
  10.                 body {
  11.                         height: 100%
  12.                 }

  13.                 body {
  14.                         background-color: #fff;
  15.                         margin: 0;
  16.                 }

  17.                 #wrap {
  18.                         height: 100%;
  19.                         position: relative;
  20.                 }

  21.                 #header {
  22.                         padding-top: 20px;
  23.                         background-color: #5082c2;
  24.                         height: 44px;
  25.                         position: relative;
  26.                 }

  27.                 #header h1 {
  28.                         font-size: 20px;
  29.                         height: 44px;
  30.                         line-height: 44px;
  31.                         margin: 0em;
  32.                         color: #fff;
  33.                         margin-left: 100px;
  34.                         margin-right: 100px;
  35.                         text-align: center;
  36.                 }

  37.                 #main {
  38.                         display: -webkit-box;
  39.                         -webkit-box-orient: vertical;
  40.                         -webkit-box-pack: center;
  41.                 }

  42.                 a.button {
  43.                         display: -webkit-box;
  44.                         -webkit-box-orient: vertical;
  45.                         -webkit-box-pack: center;
  46.                         -webkit-box-align: center;
  47.                         height: 32px;
  48.                         margin: 8px;
  49.                         background-color: rgba(240, 240, 240, 1.0);
  50.                         border-color: rgba(220, 220, 220, 1.0);
  51.                         border-width: 2px;
  52.                         border-style: solid;
  53.                 }

  54.                 a.active {
  55.                         background-color: rgba(240, 240, 240, 0.7);
  56.                 }
  57.         </style>
  58. </head>

  59. <body>
  60.         <div id="wrap">
  61.                 <div id="main">
  62.                         <a class="button" tapmode="active" onclick="initSdk()">initSdk</a>
  63.                         <a class="button" tapmode="active" onclick="requestPermission()">相机权限(系统API)</a>
  64.                         <a class="button" tapmode="active" onclick="openFaceDetectView()">打开人脸识别界面</a>
  65.                         <a class="button" tapmode="active" onclick="continueFaceDetect()">识别结果处理后继续人脸识别</a>
  66.                         <a class="button" tapmode="active" onclick="closeFaceDetectView()">关闭人脸识别界面</a>
  67.                 </div>
  68.         </div>
  69. </body>
  70. <script type="text/javascript">
  71.         var demo = null;
  72.         apiready = function () {
  73.                 demo = api.require('baiduFaceLive');
  74.                 if (!demo) {
  75.                         alert("请添加模块后编译");
  76.                         return;
  77.                 }
  78.         }

  79.         function requestPermission() {
  80.                 api.requestPermission({
  81.                         list: ['camera'],
  82.                 }, function (ret, err) {
  83.                         api.alert({
  84.                                 msg: JSON.stringify(ret)
  85.                         });
  86.                 });
  87.         }

  88.         function initSdk() {
  89.                 demo.initSdk({
  90.                         LicenseID_Android: 'test-new-2020-face-android',
  91.                         LicenseFileName_Android: 'idl-license.face-android',
  92.                         LicenseID_iOS: 'test-new-2020-face-ios',
  93.                         LicenseFileName_iOS: 'idl-license.face-ios',
  94.                 }, function (ret, err) {
  95.                         alert(JSON.stringify(ret) + "  " + JSON.stringify(err));
  96.                 });
  97.         }

  98.         function openFaceDetectView() {
  99.                 demo.openFaceDetectView({
  100.                         rect: {
  101.                                 x: 0,
  102.                                 y: 0,
  103.                                 //w : api.frameWidth,
  104.                                 //h : api.frameHeight,
  105.                         },
  106.                         fixedOn: api.frameName,
  107.                         fixed: true,
  108.                         isSound: true,
  109.                         defaultUI: true,
  110.                         isShowRectLine: false
  111.                 }, function (ret, err) {
  112.                         if (ret.evenType == 'success') {
  113.                                 alert(ret.data.bestImage);
  114.                         } else {
  115.                                 api.toast({
  116.                                         msg: JSON.stringify(ret) + "  " + JSON.stringify(err)
  117.                                 });
  118.                         }

  119.                 });
  120.         }

  121.         function continueFaceDetect() {
  122.                 demo.continueFaceDetect(function (ret, err) {
  123.                         //alert(JSON.stringify(ret));
  124.                 });
  125.         }

  126.         function closeFaceDetectView() {
  127.                 demo.closeFaceDetectView(function (ret, err) {
  128.                         //alert(JSON.stringify(ret));
  129.                 });
  130.         }
  131. </script>

  132. </html>
复制代码

模块定制开发 qq: 176142998

主题:
41
帖子:
9320
云币:
12446

社会摇圣诞节老司机你吃屎!首长好!我还是个孩子!托马斯全旋女朋友不想上班!装逼侠单身狗超人锤子侠SB侠我李白贼6APICloud大会专属勋章狗年旺旺旺足球狗捣蛋鬼儿童节快乐APICloud五岁啦

发表于 2019-6-18 17:23:18 |
感谢分享
微信公众号、小程序、app、webapp、pc网页端项目合作点击QQ82201127

新手上路

UID:565735

主题:
19
帖子:
89
云币:
753

狗年旺旺旺APICloud粉丝装逼侠

发表于 2019-6-24 13:22:27 |
这模块有个bug,华为手机上,正常用户安装后,不弹框提示 使用 摄像头权限,等调用接口openFaceDetectView,打开人脸识别框后,人脸框中是黑的,不能用。(然而,云识客人脸识别模块ySKAuth 是官方自己做的,他就会提示,没这个bug)。
希望作者可以改正一下。

(注:安卓手机一般需要什么权限,在安装后,立刻询问用户是否勾选。 但是华为手机是跟苹果有点像,安装时,默认不勾,使用时弹框提示权限是否信任。)

版主

UID:83211

主题:
169
帖子:
9239
云币:
1994

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2019-6-24 13:53:11 |
动态权限请根据根据以下文档。。。


https://community.apicloud.com/bbs/thread-110959-1-1.html
模块定制开发 qq: 176142998

主题:
1
帖子:
5
云币:
9
发表于 2019-7-30 15:54:30 |
请问未检测到人脸时,会播放出未知声音,听不出来是什么, 只能评出来大概是“眨眼于于克妹"。大佬能知道是什么情况吗

版主

UID:83211

主题:
169
帖子:
9239
云币:
1994

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2019-7-30 16:58:12 |
把脸移入框内
模块定制开发 qq: 176142998

主题:
63
帖子:
287
云币:
347
发表于 2019-8-29 08:51:34 |
识别结果就一个图片base64吗?能获得身份证姓名这些信息吗,不然怎么判断和当前用户绑定的身份证一致?

版主

UID:83211

主题:
169
帖子:
9239
云币:
1994

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2019-8-29 10:16:59 |
Mr_Fu 发表于 2019-8-29 08:51
识别结果就一个图片base64吗?能获得身份证姓名这些信息吗,不然怎么判断和当前用户绑定的身份证一致? ...

这个不是四要素验证哦,,可以用
face++的插件。
模块定制开发 qq: 176142998

主题:
22
帖子:
77
云币:
100
发表于 2019-9-29 19:15:37 |
一直提示把脸移入框内,各种姿势 ,都提示把脸移入框内  ,为啥??

版主

UID:83211

主题:
169
帖子:
9239
云币:
1994

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2019-9-29 19:17:32 |
一些事情 发表于 2019-9-29 19:15
一直提示把脸移入框内,各种姿势 ,都提示把脸移入框内  ,为啥??

授权模块和参数哪里没对,,底层百度授权验证没通过
模块定制开发 qq: 176142998
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表