springboot实现人脸识别登录,

　　00-1010前言需求分析一、人脸注册二。人脸注册的具体实现一、人脸注册二。人脸注册综述

　　00-1010去年我参与了我们公司某机场建设智能机场的项目。人脸登机是其中一个功能模块。我当时只写了后台接口，调用人脸识别设备的api，向闸机发回数据信号，保证这个功能的正常使用。

　　当时因为项目进度比较紧，手里还有其他项目赶进度，没有时间分享这个功能的实现。前几天刷脸进公司大楼，突然想起来应该写一个类似功能的demo来分享一些个人经验。当时项目中刷脸的设备终端是购买某AI公司的。当然不能买demo里的那种东西随便玩，就拿系统刷脸登录练手。人脸识别解决方案是百度云的。当然，腾讯和阿里在这方面也很牛逼。

目录

　　00-1010第一步：人像采集。在注册页面，用html中的视频组件和js调用笔记本相机，抓取人像图片。带笔记本电脑和台式机不带摄像头的童鞋，请离开，离开。

　　第二步：上传肖像到项目文件夹。页面上采集的人像数据转换成bash64字符，传输到web后台。后台将bash64转换成图片上传到项目文件夹。

　　第三步：将用户的注册信息写入数据库，并使用路径存储用户的照片。

　　第四步：将采集到的人像信息(bash64)上传到百度云的人脸识别云服务器。这个ps实现也可以线下私有化，有兴趣的童鞋可以自己研究。

　　00-1010第一步：人像采集。在登录页面，用html调用带有视频组件和js的笔记本摄像头，抓取人像图片。

　　第二步：人像数据传输。将捕获的人脸图片信息发送回web后台。

　　第三步：人像对比。在web后台实例化调用百度云人脸识别的sdk，将登录页面采集的图像数据与注册的图像信息进行比对(这一块是百度云人脸识别解决方案实现的，也是最好的地方)。如果返回的分数大于95分，就可以实现登录。

　　00-1010好了，序言和需求分析哔哔响了这么久，接下来就是实现和编码了。

　　00-1010首页代码

　　!type dochtmlhtmlhtmlheadmeta charset= utf-8 title在此插入标题/title style type= text/CSS/* *解决浏览器兼容性问题* * */* { margin : 0；划： 0；} html，body { width : 100%；身高： 100%；}/* */body { background : URL(img/bg03 . jpg)无重复中心；} h1 { color: # ffftext-align:居中；行高： 80px；} .媒体{ width: 534pxheight: 400pxmargin : 40px auto 0；} #寄存器{ width: 200pxheight:50px背景色： # 2196 F3；margin : 60px auto 0；text-align:居中；行高： 50px；color: # fffborder-radius : 10px；} # canvas { display: none} # shuru { width: 200pxheight:50px背景色： # 2196 F3；margin : 20px auto 0；} /style/headbody h1百度云脸注册/h1 DIV ID= shuru username:input Type= text name= username ID= username //DIV class= media video ID= video width= 450 height= 300 src= autoplay/video canvas ID= canvas width= 450 height= 300 /canvas/DIV ID= register 确认注册/按钮脚本Type= text/JavaScript src= js/jj

　　;</script> <script type="text/javascript"> /**调用摄像头，获取媒体视频流**/ var video = document.getElementById(video); //返回画布二维画图环境 var userContext = canvas.getContext("2d"); var getUserMedia = //浏览器兼容,表示在火狐、Google、IE等浏览器都可正常支持 (navigator.getUserMedia navigator.webkitGetUserMedia navigator.mozGetUserMedia navigator.msGetUserMedia) //getUserMedia.call(要调用的对象，约束条件，调用成功的函数，调用失败的函数) getUserMedia.call(navigator,{video: true,audio: false},function(localMediaStream){ //获取摄像头捕捉的视频流 video.srcObject=localMediaStream; },function(e){ console.log("获取摄像头失败！！") }); //点击按钮注册事件 var btn = document.getElementById("register"); btn.onclick = function () { var username = $("#username").val(); alert($("#username").val()); if(username != null){ //点击按钮时拿到登陆者面部信息 userContext.drawImage(video,0,0,450,300); var userImgSrc = document.getElementById("canvas").toDataURL("img/png"); //拿到bash64格式的照片信息 var faceBase = userImgSrc.split(",")[1]; //ajax异步请求 $.ajax({ url: "register", type: "post", data: {"faceBase": faceBase, "userName": username }, success: function(result){ if(result === 1){ alert("注册成功！！，点击确认跳转至登录页面"); window.location.href="toLogin" rel="external nofollow" ; }else if(result === 2){ alert("您已经注册过啦！！"); }else{ alert("系统错误！！"); } } }) }else{ alert("用户名不能为空"); } } </script></body></html>页面截图，本人太帅，先行打码，嘿嘿

　　后台具体代码如下:

 private static final String APP_ID = "****"; private static final String API_KEY = "*******"; private static final String SECRET_KEY = "*******"; @Autowired private IUserService userService; @RequestMapping(value = "register",method = RequestMethod.POST) public String register(String userName,String faceBase) throws IOException { if(!StringUtils.isEmpty(userName) && !StringUtils.isEmpty(faceBase)) { //文件上传的地址 String upPath = ResourceUtils.getURL("classpath:").getPath()+"staticphoto"; //用于查看路径是否正确 System.out.println(upPath); // 图片名称 String fileName = userName+System.currentTimeMillis() + ".png"; System.out.println(upPath+""+fileName); File file = new File(upPath+""+fileName); //初始化百度云的AipFace AipFace client = new AipFace(APP_ID, API_KEY, SECRET_KEY); //往自己demo数据库里插入一条用户数据 Users user = new Users(); user.setUserName(userName); user.setUserPhoto(upPath+""+fileName); Users exitUser = userService.selectUserByName(user); if(exitUser != null) { return "2"; } userService.addUsers(user); // 往自己demo服务器里面上传摄像头捕获的图片 GenerateImage(faceBase, file); //向百度云人脸库插入一张人脸 facesetAddUser(client,faceBase,userName); } return "1"; }

APP_ID 、API_KEY、SECRET_KEY三个参数分别为百度云人脸识别上面的三个数据项，如下图

　　点击完注册按钮后，就会发现。。。

　　1

　　2

　　3

　　4

　　到这就算一个用户注册成功了，个人这张大帅脸也算是录进去了，下面就是刷脸登录了。面试题推荐：面试前可以在这里刷刷题，很巴适！（Java版）

二、刷脸登录

当我注册完后就会进入登录页面

　　这时我点击登录按钮，js触发后台方法，具体入下：

@RequestMapping(value = "login",method = RequestMethod.POST) public String login(String faceBase) { String faceData = faceBase; //进行人像数据对比 AipFace client = new AipFace(APP_ID,API_KEY,SECRET_KEY); Double num = verifyUser(faceData,client); if(num>95) { return "1"; }else { return "2"; } } /** * 人脸比对 * @param imgBash64 照片转bash64格式 * @param imgType 类型 * @param groupList 百度云人脸识别用户组 * @return */ public Double verifyUser(String imgBash64,AipFace client) { // 传入可选参数调用接口 HashMap<String, String> options = new HashMap<String, String>(); JSONObject res = client.search(imgBash64, "BASE64", "user_01", options); System.out.println(res.toString(2)); System.out.println(res.getJSONObject("result")); System.out.println(res.getJSONObject("result").getJSONArray("user_list")); JSONObject user = (JSONObject) res.getJSONObject("result").getJSONArray("user_list").get(0); Double score = (Double) user.get("score"); return score; }

接着我正面面对摄像头，点击登录按钮，就进入了一个大大的success页面

　　我侧脸或者拿照片试一下，不好意思，您老只能是404了

　　以上就是整个实现的思路和一些步骤了，demo涉及的类和页面比较多，不方便一一截图。

　　综合而言实现还是比较简单的，牛逼的地方都在人家百度云那边呢，咱们只是根据需求合理利用人家的解决方案罢了。其实如果不是很牛逼的专项技术研发公司，做项目能合理利用别人的产品是最有效率的，项目建设最重要的还是投入产出比嘛。与其自己团队苦苦研究，花点成本买人家的成品直接用它不香吗？

总结

到此这篇关于如何基于SpringBoot实现人脸识别功能的文章就介绍到这了,更多相关SpringBoot人脸识别功能内容请搜索盛行IT以前的文章或继续浏览下面的相关文章希望大家以后多多支持盛行IT！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。