纯JS人脸识别服务，带手动抓拍、自动抓拍功能并获取人脸照片

共12个文件

js：5个

css：4个

png：2个

人脸识别

5星 · 超过95%的资源需积分: 9 146 浏览量 2022-01-06 10:21:58 上传评论收藏 171KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

人脸识别-升级版.rar （12个子文件）

人脸识别-升级版

plugin

cameracapture

tracking-min.js 27KB

face-min.js 178KB

bootstrap

css

bootstrap.min.css 103KB

bootstrap-fileupload.css 2KB

newstyle.css 6KB

font-awesome.min.css 22KB

img

glyphicons-halflings.png 12KB

glyphicons-halflings-white.png 9KB

bootstrap.min.js 28KB

Scripts

jquery-1.11.3.min.js 105KB

cameracap.js 7KB

cameracap.html 3KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="Scripts/jquery-1.11.3.min.js"></script>  <script src="plugin/bootstrap/js/bootstrap.min.js"></script> <script src="plugin/cameracapture/tracking-min.js"></script> <script src="plugin/cameracapture/face-min.js"></script> <link href="plugin/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <script src="Scripts/cameracap.js"></script> </head> <body> <div class="videoPlay"></div> <div> <button type="button" onclick="doCap()" class="btn btn-default">拍照</button> <button type="button" onclick="doOpen()" class="btn btn-primary">打开相机</button> <button type="button" onclick="doClose()" class="btn btn-success">关闭相机</button> <button type="button" onclick="doHandCapFace()" class="btn btn-info">手动抓拍</button> <button type="button" onclick="doCapFace()" class="btn btn-warning">自动抓拍(持续)</button> <button type="button" onclick="doCloseCapFace()" class="btn btn-danger">停止人脸抓拍</button> <button type="button" onclick="ChangeCameraOper()" class="btn btn-info">切换相机</button>  <p> <img id="img1" style="display:block;" /> </p> </div> <script type="text/javascript"> $(function () { //初始化加载摄像头 doOpen(); }); //手动拍照 function doCap() { var img = $(".videoPlay").cap(); console.log(img) $("#img1").prop("src", img).show(); } //关闭摄像头 function doClose() { $(".videoPlay").close(); } //打开摄像头 function doOpen() { $(".videoPlay").capInit({ width: 560, height: 420, faceCheck: true }); } //手动抓拍人脸 function doHandCapFace() { capFaceOper(); } //自动抓拍 var loadFace; function doCapFace() { loadFace = setInterval(function () { capFaceOper() }, 1000); } //关闭自动抓拍 function doCloseCapFace() { //停止抓拍 $("#img1").prop("src", '').show(); clearInterval(loadFace); } //人脸抓拍事件 function capFaceOper() { var img = $(".videoPlay").capFace(); if (img != '') { $("#img1").prop("src", img).show(); } else { $("#img1").prop("src", '').show(); } } var index = 0; //切换相机 function ChangeCameraOper() { if (index == 0) { index = 1; $(".videoPlay").changeCamera(0); } else { index = 0; $(".videoPlay").changeCamera(1); } } </script> </body> </html>

评论收藏

内容反馈