如何基于SpringBoot實現(xiàn)人臉識別功能
前言
去年在公司參與了一個某某機場建設(shè)智能機場的一個項目，人臉登機是其中的一個功能模塊，當(dāng)時只是寫了后臺的接口，調(diào)用人臉識別設(shè)備的api，給閘機回傳數(shù)據(jù)信號，以保障該功能的正常使用。
當(dāng)時因為項目進(jìn)度緊張，手里還有其他項目趕進(jìn)度，也就沒時間去分享這個功能的實現(xiàn)。前幾天刷臉進(jìn)公司大樓的時候，突然想起來應(yīng)該寫一個功能類似的demo分享個人的一些小小的經(jīng)驗。在當(dāng)時項目中刷臉的設(shè)備終端是采購某某AI公司，當(dāng)然咱們在demo里面也不可能買一臺那東西來瞎搞，于是乎就拿系統(tǒng)刷臉登錄來練練手，人臉識別解決方案就用百度云的吧，當(dāng)然騰訊、阿里這方面也很牛逼的。
需求分析
一、人臉注冊
step1：人像采集。在注冊頁面上用html中video組件和js調(diào)用筆記本攝像頭，并抓取人像圖片。沒有攝像頭的筆記本、臺式機的童鞋告辭吧，走好不送。。。
step2：人像上傳至項目文件夾。將在頁面采集到的人像數(shù)據(jù)轉(zhuǎn)換成bash64字符傳輸?shù)絯eb后臺，在后臺將bash64轉(zhuǎn)換成圖片上傳至項目文件夾。
step3：將用戶的注冊信息寫入數(shù)據(jù)庫，用戶的照片使用路徑存儲。
step4：將采集到的人像信息（bash64）上傳至百度云的人臉識別云端服務(wù)器。ps這塊實現(xiàn)也可離線私有化處理方案，有興趣的童鞋可自行研究。
二、人臉登錄
step1：人像采集。在登錄頁面上用html中video組件和js調(diào)用筆記本攝像頭，并抓取人像圖片。
step2：人像數(shù)據(jù)傳輸。抓取的人臉圖片信息回傳至web后臺。
step3：人像比對。在web后臺實例化并調(diào)用百度云人臉識別的sdk，將登錄頁面采集到的圖像數(shù)據(jù)和注冊的圖像信息相比對（這塊是百度云人臉識別解決方案實現(xiàn)的，也是最牛B的地方），返回的比分大于95分即可實現(xiàn)登錄。
具體實現(xiàn)
好了，前言和需求分析也嗶嗶了這么久了，接下來是實現(xiàn)和上代碼了。
一、人臉注冊
前端頁面代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
/**解決瀏覽器兼容性問題**/
*{margin: 0;padding: 0;}
html,body{width: 100%;height: 100%;}/**/
body{background: url(img/bg03.jpg) no-repeat center;}
h1{color: #fff;text-align: center;line-height: 80px;}
.media{width: 534px;height: 400px;margin: 40px auto 0;
}
#register{width: 200px;height:50px;background-color: #2196f3; margin: 60px auto 0;
text-align: center;line-height: 50px;color: #fff;border-radius: 10px;}
#canvas{display: none;}
#shuru{width: 200px;height:50px;background-color: #2196f3; margin: 20px auto 0;}
</style>
</head>
<body>
<h1>百度云人臉注冊</h1>
<div id="shuru">
用戶名：
<input type="text" name="username" id="username"/>
</div>
<div class="media">
<video id="video" width="450" height="300" src="" autoplay></video>
<canvas id="canvas" width="450" height="300"></canvas>
</div>
<button id="register" >確定注冊</button>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
/**調(diào)用攝像頭，獲取媒體視頻流**/
var video = document.getElementById('video');
//返回畫布二維畫圖環(huán)境
var userContext = canvas.getContext("2d");
var getUserMedia =
//瀏覽器兼容,表示在火狐、Google、IE等瀏覽器都可正常支持
(navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia)
//getUserMedia.call(要調(diào)用的對象，約束條件，調(diào)用成功的函數(shù)，調(diào)用失敗的函數(shù))
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("注冊成功??！，點擊確認(rèn)跳轉(zhuǎn)至登錄頁面");
window.location.href="toLogin" rel="external nofollow" ;
}else if(result === '2'){
alert("您已經(jīng)注冊過啦??！");
}else{
alert("系統(tǒng)錯誤??！");
}
}
})
}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()+"static\photo";
//用于查看路徑是否正確
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數(shù)據(jù)庫里插入一條用戶數(shù)據(jù)
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服務(wù)器里面上傳攝像頭捕獲的圖片
GenerateImage(faceBase, file);
//向百度云人臉庫插入一張人臉
facesetAddUser(client,faceBase,userName);
}
return "1";
}APP_ID 、API_KEY、SECRET_KEY三個參數(shù)分別為百度云人臉識別上面的三個數(shù)據(jù)項，如下圖
點擊完注冊按鈕后，就會發(fā)現(xiàn)。。。
1
2
3
4
到這就算一個用戶注冊成功了，個人這張大帥臉也算是錄進(jìn)去了，下面就是刷臉登錄了。面試題推薦：面試前可以在這里刷刷題，很巴適?。↗ava版）
二、刷臉登錄
當(dāng)我注冊完后就會進(jìn)入登錄頁面
這時我點擊登錄按鈕，js觸發(fā)后臺方法，具體入下：
@RequestMapping(value = "login",method = RequestMethod.POST)
public String login(String faceBase) {
String faceData = faceBase;
//進(jìn)行人像數(shù)據(jù)對比
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 照片轉(zhuǎn)bash64格式
* @param imgType 類型
* @param groupList 百度云人臉識別用戶組
* @return
*/
public Double verifyUser(String imgBash64,AipFace client) {
// 傳入可選參數(shù)調(diào)用接口
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;
}接著我正面面對攝像頭，點擊登錄按鈕，就進(jìn)入了一個大大的success頁面
我側(cè)臉或者拿照片試一下，不好意思，您老只能是404了
以上就是整個實現(xiàn)的思路和一些步驟了，demo涉及的類和頁面比較多，不方便一一截圖。
綜合而言實現(xiàn)還是比較簡單的，牛逼的地方都在人家百度云那邊呢，咱們只是根據(jù)需求合理利用人家的解決方案罷了。其實如果不是很牛逼的專項技術(shù)研發(fā)公司，做項目能合理利用別人的產(chǎn)品是最有效率的，項目建設(shè)最重要的還是投入產(chǎn)出比嘛。與其自己團隊苦苦研究，花點成本買人家的成品直接用它不香嗎？
總結(jié)
到此這篇關(guān)于如何基于SpringBoot實現(xiàn)人臉識別功能的文章就介紹到這了,更多相關(guān)SpringBoot人臉識別功能內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- SpringBoot集成WebSocket長連接實際應(yīng)用詳解
- SpringBoot集成WebSocket遇到的問題及解決
- 使用WebSocket+SpringBoot+Vue搭建簡易網(wǎng)頁聊天室的實現(xiàn)代碼
- SpringBoot整合WebSocket實現(xiàn)后端向前端發(fā)送消息的實例代碼
- SpringBoot集成百度AI實現(xiàn)人臉識別的項目實踐
- SpringBoot實現(xiàn)人臉識別等多種登錄方式
- springboot集成opencv實現(xiàn)人臉識別功能的詳細(xì)步驟
- Springboot實現(xiàn)人臉識別與WebSocket長連接的實現(xiàn)代碼
相關(guān)文章
動態(tài)更改Spring定時任務(wù)Cron表達(dá)式的優(yōu)雅方案實例詳解
spring定時器非常強大,但是有時候我們需要在不需要重啟應(yīng)用就可以動態(tài)的改變Cron表達(dá)式的值,下面這篇文章主要給大家介紹了關(guān)于動態(tài)更改Spring定時任務(wù)Cron表達(dá)式的優(yōu)雅方案,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Java圖形化界面設(shè)計之容器（JFrame）詳解，條理清晰，依次介紹了Java基本類（JFC），AWT和Swing的區(qū)別，Swing基本框架，圖形化設(shè)計步驟以及組件容器的使用等相關(guān)內(nèi)容，具有一定參考價值，需要的朋友可以了解下。2017-11-11
這篇文章主要介紹了如何將Object類轉(zhuǎn)換為實體類，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了Java設(shè)計模式之監(jiān)聽器模式,結(jié)合實例形式較為詳細(xì)的分析了java設(shè)計模式中監(jiān)聽器模式的概念、原理及相關(guān)實現(xiàn)與使用技巧,需要的朋友可以參考下2018-02-02
這篇文章主要介紹了Springboot中yml對于list列表配置方式詳解,使用@ConfigurationProperties讀取yml配置文件過程中會遇到讀取yml文件中列表,Config里面使用List集合接收,方法比較簡單,需要的朋友可以參考下2023-11-11
這篇文章主要給大家介紹了關(guān)于spring如何解決循環(huán)依賴問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
spring security動態(tài)配置url權(quán)限的2種實現(xiàn)方法
對于使用spring security來說，存在一種需求，就是動態(tài)去配置url的權(quán)限，即在運行時去配置url對應(yīng)的訪問角色。下面這篇文章主要給大家介紹了關(guān)于spring security動態(tài)配置url權(quán)限的2種實現(xiàn)方法，需要的朋友可以參考下2018-06-06
這篇文章主要為大家詳細(xì)介紹了java實現(xiàn)多線程交替打印，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
springboot 傳參校驗@Valid及對其的異常捕獲方式
這篇文章主要介紹了springboot 傳參校驗@Valid及對其的異常捕獲方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-10-10
本文給大家分享了2個使用java檢測字符串中是否包含中文的代碼，都非常的實用，最后附上了各種字符的unicode編碼的范圍，方便我們以后使用正則進(jìn)行匹配檢測。2015-10-10