Hbuilder开发app实战-识岁06-face++的js实现【完结】
前言
因为识岁app比較简单。所以这节就完结吧,
当然另一些能够优化完好的地方,可是个人兴趣不是非常大,
有想继续完好的,源代码在这里:https://github.com/uikoo9/shisui
face++
在简单的介绍下face++,
不久前,微软推出了一个识别人年龄的站点:http://how-old.net/。
不得不说微软的算法牛逼,数据海量,本人測试的时候非常准确。
可是据说要借入微软的接口比較麻烦。就找了一个国内的类似接口,face++,
官网宣称。非常多国内的app都在使用。比如美图秀秀等,
暂且哪来用一用。
效果嘛,
非常多时候都不好,会提示找不到人脸。用官网的演示样例測试了下,确实是这样,而不是本人的用法有误。
官网演示样例:http://www.faceplusplus.com.cn/demo-detect/
face++的js实现
尽管效果不好。可是还得用。。
首先来到开发人员中心:http://www.faceplusplus.com.cn/uc_home/。
也就是文章顶部的图片。看到。须要进行一些注冊,比較简单,略过。
再然后找到api,发现一个须要的接口,识别人脸:http://www.faceplusplus.com.cn/detection_detect/。
这个接口的必须參数是ak,sk,url,
至于img直接post。我是没有研究明确怎么搞。
代码
// face pp qiao.facepp = {ak : '3bbeeac39cd5e8600d2cb05ac97f15fd',sk : '4lf9qM6e7GVLVAfKYITYx9R7GX6_5Taa' }; qiao.facepp.do = function(options){var url = options.url; var attr = options.attr || 'gender,age';var method = options.method || 'detection/detect';var success = options.success;var fail = options.fail;new FacePP(qiao.facepp.ak, qiao.facepp.sk).request(method, {url: url,attribute: attr}, function(err, result) {if(err){fail();}else{success(result);}}); };
代码比較简单
qiao.facepp。初始化信息。也就是你的ak,sk
qiao.facepp.do,開始訪问接口,这里仅仅须要传入图片的url地址就可以。
识岁代码
function facepp(){if(url){qiao.facepp.do({url : url,success : function(result){if(result && result.face && result.face.length){var face = result.face[0].attribute;var str = '识别成功!性别:' + (face.gender.value == 'Male' ? '男':'女') + ',年龄:' + face.age.value;showRes(str);}else{showRes('识别失败。请上传包括人脸的图片!'); }},fail : function(){showRes('识别失败,请重试!
'); } }); } } function showRes(msg){ $('#res').text(msg); endw(); } function beginw(){ $('#faceBtn').attr('disabled', true); qiao.h.waiting(); } function endw(){ qiao.h.closeWaiting(); $('#faceBtn').attr('disabled', false); }
接上几节的代码,
1.首先点击图片,弹出actionsheet——第一节
2.选择相片或者拍照然,也就是Camera和gallery组件——第二节
3.文件上传,Uploader组件——第三节
4.上传到七牛云。须要获得uptoken——第四。五节
5.利用face++进行之别,也就是本节
很多其它教程:
Hbuilder开发App实战1-识岁:http://uikoo9.com/book/detail/5
很多其它学习笔记:http://uikoo9.com/book
转载于:https://www.cnblogs.com/liguangsunls/p/6958375.html
Hbuilder开发app实战-识岁06-face++的js实现【完结】相关推荐
- Hbuilder开发app实战-识岁01-actionsheet实例
前言 之前写了HBuilder开发App入门-滴石.相信大家看完后应该能够入门了, 之后会做一些简单的app.把nativejs一些经常使用的功能都过一遍,这样以后做app就没什么难的了. 识岁 借助 ...
- Python开发App实战(一)-Kivy入门
写在最前: 开发App的主流语言中应该是Java,但是苦于没有学过Java但目前又没那么多时间重新学,因此就想着用已经入门的Python开发两个App练手,学习的过程中看过很多资料,也踩过很多坑,于是 ...
- python手机app开发_利用python开发app实战的方法
我很早之前就想开发一款app玩玩,无奈对java不够熟悉,之前也没有开发app的经验,因此一直耽搁了.最近想到尝试用python开发一款app,google搜索了一番后,发现确实有路可寻,目前也有了一 ...
- HBuilder开发App教程01-推开前端开发App的大门
奇妙的前端,奇妙的js 众所周知,自从js有nodejs后,前端人员可以华丽的转身,去开发高并发非阻塞的服务端程序, 随着html5的出现,伴随一些amazing的特性,h5开发app的技术越发的成熟 ...
- HBuilder开发App教程06-首页
实战 前面几节基本是一些概念的普及, 正如前面提到的,本教程会以滴石作为范例进行讲解, 有兴趣的可以先行下载体验一下,或者下载源码研究下. 新建项目 打开HBuilder,在项目管理器中右键--新建- ...
- 利用python开发app实战
我很早之前就想开发一款app玩玩,无奈对java不够熟悉,之前也没有开发app的经验,因此一直耽搁了.最近想到尝试用python开发一款app,google搜索了一番后,发现确实有路可寻,目前也有了一 ...
- MUI+H5plus+HBuilder开发app(android,ios)介绍
前言 现在介绍一款只需要懂html+css+js就能开发app的框架,不需要懂原生语言,完全只需要前端web工程师就能独立开发出android和ios的应用,且一套代码搞定,效率很高.(其实更省事可以 ...
- html打包app方案,HBuilder开发APP(前端APP打包方案)
前端涉及app的两种方式 适应移动端的网页 大家都很熟悉的bootstrap,和现在刚出来的amazeui就是这种方法的代表, 说的简单点就是对移动端做了适配,是的布局样式组件都适合移动端展示, 我的 ...
- mui hello html5 安装,HBuilder开发App Step1——环境搭建,HelloMUI 以及真机调试(示例代码)...
No1. 必须搭建java环境 只需要最基础的java环境,也就是cmd下可以运行java和javac即可, 具体教程请自行百度,都会有很详细的教程,这里不重点介绍. No2. 下载安装HBuilde ...
最新文章
- Ubuntu下dex2jar的安装和使用
- linux内核驱动识别过程,转载_ARM-Linux内核驱动加载过程思路
- ZooKeeper原理及使用
- jmeter 获取全部响应_Jmeter获取响应结果中参数出现的次数
- python preference界面设置_偏好设置如何更改Preference的样式
- 【原】GitHub使用教程
- 在windows Console 平台下面 用glut编写 opengl程序 注意
- 解决关于phpstorm打开速度很慢的问题
- HDU5479 Colmerauer 单调栈+暴力优化
- MyBatis 拦截器使用
- js进行txt文件下载方式或oss文件访问下载跨域解决
- 【学习笔记之计算机组成原理篇】计算机系统概论
- markdown_typora排版编辑技巧(样式嵌套/撤销/列表缩进)/表格内换行
- 元宇宙中的虚拟办公室SkyOffice
- E. Cashback
- 微信自定义分享在pc正常手机端不正常问题
- 图片压缩处理以及网络图片转base64编码工具类
- _stdcall与_cdel
- SpringBoot+Vue实现第三方QQ登录(一)
- Matlab编程技巧:通过Matlab管理git
热门文章
- java书籍台湾翻译_《现代专业Javasctript 技术》一书中英文目录,翻译记录下来方便学习用...
- 【渗透测试】cookie注入笔记
- hive相关操作语句
- 网络爬虫之Java基础篇(Ⅱ)
- 信号处理:单边、双边频谱间的相互转换(转)
- ffmpeg 静态库使用,undefined reference错误
- F. 张胖胖玩多米诺骨牌 (南阳理工oj—21新生第二场招新赛)
- 暴力 gcd __gcd (详解)C语言求两个数的最大公约数
- VS code 调试配置01 Debugging
- vue component created没有触发_面试!面试!面试!vue常见面试题。