springboot整合百度云ai人脸识别（保姆级教程）

最新推荐文章于 2024-06-16 21:58:22 发布

渣渣渣渣渣渣.

最新推荐文章于 2024-06-16 21:58:22 发布

阅读量1.9k

点赞数 6

分类专栏： java大杂烩文章标签： spring boot 百度云人工智能

本文链接：https://blog.csdn.net/qq_41516802/article/details/125786719

版权

本文介绍了如何在SpringBoot项目中集成百度云AI的人脸识别技术，详细步骤包括在百度云创建应用获取参数、引入SDK依赖、配置信息以及前端和控制层代码的编写。实现实时人脸识别功能，当score超过95时视为识别成功。

摘要由CSDN通过智能技术生成

这段时间项目上提到了这个人脸识别这个东西，下来自己打了个springboot项目整合了下，话不多说上步骤：

1.先到百度云ai上申请并创建应用

信息啥的随便填填即可
在这里插入图片描述

应用创建完后可以看看sdk文档，里面有关于接口的各种说明

2.引入依赖

在这里插入图片描述
依赖的版本也可以自己去maven的官网上找

配置：在第一步骤创建应用时，给的参数配置到配置文件里

编写前端文件：
注册文件

<!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%;}/**/
	h1{color: #fff;text-align: center;line-height: 80px;}
	.media{width: 450px;height: 300px;line-height: 300px;margin: 40px auto;}
	.btn{width: 250px;height:50px; line-height:50px; margin: 20px auto; text-align: center;}
	#register{width: 200px;height:50px;background-color: skyblue;text-align: center;line-height: 50px;color: #fff;}
	#canvas{display: none;}
	#shuru{width: 250px;height:50px; line-height:50px;background-color: skyblue; margin: 20px auto; text-align: center;}
</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>
	<div class="btn"><button id="register" >确定注册</button></div>
	<script type="text/javascript" src="js/jquery-3.3.1.js"></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()