下载本文档
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
1、.近几年，人脸识别技术在身份认证领域的应用已经有了较多应用，例如：支付宝、招行的取款、养老金领取等方面，但在杜绝假冒、认证安全性等方面，目前还是一个比较需要进一步解决的课题，特别是在移动端的活体认证技术方面。本文介绍了在HTML5 环境下可以采用clmtrackr.js 检测工具，结合人脸模型，实现人脸的跟踪检测。同时采用动作识别实现活体认证。但本方案只能够在Firefox 或者Chrome中使用。并且只适合研究学习，实际场景中不太理想，需要进一步优化才能够应用。<!DOCTYPE html><!-Ideally these elements&#
2、160;aren't created until it's confirmed that the client supports video/camera, but for the sake of illustrating the elements involved, they are created with markup (not
3、0;JavaScript)-><html><meta charset="GBK"><style>*container position : relative;*canvas position : absolute;left : 0;top : 0;</style><script src="utils.js"></script><script s
4、rc="clmtrackr.js"></script><script src="./models/model_pca_20_svm.js"></script><script src="numeric.js"></script><script src="ccv.js"></script><audio id="media"> 你的浏览器不支持audi
5、o标签。</audio><div id="container"><video id="video" width="600" height="400" autoplay > 您的浏览器不支持video标签</video><canvas id="canvas" width="600" height="400"
6、></canvas></div> <button id="snap">Snap Photo</button><button id="start">Start</button><button id="showposition">显示</button><button id="hideposition">不显示&l
7、t;/button><br/><button id="mouse">X嘴验证</button> <button id="head">摇头验证</button> <button id="eye">眨眼验证</button><div id="tip"></div><div id="result"></
8、div><div id="msg"></div><div id="positions"></div><script>var showpos=false;/ Put event listeners into place/window.addEventListener("DOMContentLoaded", function() / Grab elemen
9、ts, create settings, etc.var canvas = document.getElementById("canvas"),context = canvas.getContext("2d"),video = document.getElementById("video"),videoObj = "video": true ,errBack
10、0;= function(error) if (error.PERMISSION_DENIED) jAlert('用户拒绝了浏览器请求媒体的权限', '提示'); else if (error.NOT_SUPPORTED_ERROR) jAlert('对不起，您的浏览器不支持拍照功能，请使用其他浏览器', '提示'); else if (error.MANDATORY_UNSATISFIED_ERROR
11、) jAlert('指定的媒体类型未接收到媒体流', '提示'); else jAlert('系统未能获取到摄像头，请确保摄像头已正确安装。或尝试刷新页面，重试', '提示');/ Put video listeners into placeif(navigator.getUserMedia) / Standardnavigator.getUserMedia(videoObj, functi
12、on(stream) video.src = stream;video.play();, errBack); else if(navigator.webkitGetUserMedia) / WebKit-prefixedtrynavigator.webkitGetUserMedia(videoObj, function(stream) video.src = window.webkitURL.createObjectURL(stream);video.play()
13、;, errBack);catch(error)alert(error);else if(navigator.mozGetUserMedia) / Firefox-prefixednavigator.mozGetUserMedia(videoObj, function(stream)video.src = window.URL.createObjectURL(stream);video.play();, errBack);/ Trigger photo takedocume
14、nt.getElementById("snap").addEventListener("click", function() context.drawImage(video, 0, 0, 600, 400););document.getElementById("start").addEventListener("click", function() startTrack(););document.getElementById("
15、;showposition").addEventListener("click", function() showpos=true;);document.getElementById("hideposition").addEventListener("click", function() showpos=false;);document.getElementById("mouse").addEventListener("click",
16、function() alive_mouse(););document.getElementById("head").addEventListener("click", function() alive_head(););document.getElementById("eye").addEventListener("click", function() alive_eye(););/, false);</script><script&g
17、t;/活体var last_time=0;/时间因素var last_nose_left=0;var last_nose_top=0;/X嘴动作var is_mouse_ok=false; var is_alive_mouse=false;var last_dis_eye_norse=0;var last_dis_mouse=0;function alive_mouse()var media = document.getElementById("media"
18、;);media.src="mp3/alive_mouse.mp3"media.play();document.getElementById("tip").innerHTML="请X合嘴巴"document.getElementById('result').innerHTML = "is_mouse_ok=false;last_dis_mouse=0;last_time=0;last_dis_eye_norse=100000000; is_alive_head=false;is_
19、alive_mouse=true;is_alive_eye=false;/摇头动作var is_head_ok=false; var is_alive_head=false;var last_dis_left_right=100000000; function alive_head()var media = document.getElementById("media");media.src="mp3/alive_head.mp3"media.play();docu
20、ment.getElementById("tip").innerHTML="请在水平方向左右摇头"document.getElementById('result').innerHTML = "is_head_ok=false;last_dis_left_right=100000000; last_time=0; is_alive_head=true;is_alive_mouse=false;is_alive_eye=false;/眨眼动作var is_alive_eye=fals
21、e;var is_eye_ok = false;function alive_eye()var media = document.getElementById("media");media.src="mp3/alive_eye.mp3"media.play();document.getElementById("tip").innerHTML="请眨眼"document.getElementById('result').innerH
22、TML = "is_eye_ok=false;last_dis_eye_norse=100000000; last_nose_left=0;last_nose_top=0;last_time=0; is_alive_head=false;is_alive_mouse=false;is_alive_eye=true;function startTrack()var videoInput = document.getElementById('video');var ctracker&
23、#160;= new clm.tracker();ctracker.init(pModel);ctracker.start(videoInput);var canvasInput = document.getElementById('canvas');var cc = canvasInput.getContext('2d');cc.lineWidth=3;function drawLoop() /requestAnimationFrame(drawLoop);cc
24、.clearRect(0, 0, canvasInput.width, canvasInput.height);/ctracker.draw(canvasInput );var positions = ctracker.getCurrentPosition();if (showpos && positions) for (var p = 0;p < positions.length;p+) po
25、sitionString += "featurepoint "+p+" : "+positionsp0.toFixed(2)+","+positionsp1.toFixed(2) +"<br/>"document.getElementById('positions').innerHTML = positionString;if(positions)for (var p =0;p&
26、#160;< 71;p+) cc.beginPath();cc.arc(positionsp0.toFixed(2), positionsp1.toFixed(2),2, 0, Math.PI * 2, true);cc.closePath();cc.fillStyle = '*00FF00'cc.fill();/cc.strokeStyle = 'red'/0-14 轮廓/7&#
27、160;下吧，最下/2 最左边/12 最右边/15-22 眉毛/23-27 左眼睛五个点/27 左眼中间/63-66 左眼四个点/28-32 右眼睛五个点/67-70 右眼四个点/33-43 鼻子/62 鼻中间/44-61 嘴巴/47 嘴巴上/53 嘴巴下/左眼中间for (var p =27;p <=27;p+) cc.beginPath();cc.arc(po
28、sitionsp0.toFixed(2), positionsp1.toFixed(2), 2, 0, Math.PI * 2, true);cc.closePath();cc.fillStyle = 'red'cc.fill();/鼻子中间for (var p =62;p <=62;p+) cc.beginPath();cc.arc(positionsp0.toFixed(2),
29、60;positionsp1.toFixed(2), 2, 0, Math.PI * 2, true);cc.closePath();cc.fillStyle = 'red'cc.fill();/嘴巴上for (var p =57;p <=57;p+) cc.beginPath();cc.arc(positionsp0.toFixed(2), positionsp1.toFixed(2)
30、, 2, 0, Math.PI * 2, true);cc.closePath();cc.fillStyle = 'red'cc.fill();/嘴巴下for (var p =60;p <=60;p+) cc.beginPath();cc.arc(positionsp0.toFixed(2), positionsp1.toFixed(2), 2, 0, Ma
31、th.PI * 2, true);cc.closePath();cc.fillStyle = 'red'cc.fill();/headif(is_alive_head=true)if(last_time=0 | (new Date().getTime()-last_time>500 && new Date().getTime()-last_time<10000 ) )var xdiff_left =&#
32、160;positions620 - positions20 var ydiff_left = positions621 - positions21 var dis_left = Math.pow(xdiff_left * xdiff_left + ydiff_left * ydiff_left), 0.5);var xdiff_right = positions120
33、0;- positions620 var ydiff_right = positions121 - positions621 var dis_right = Math.pow(xdiff_right * xdiff_right + ydiff_right * ydiff_right), 0.5);var xdiff_side = positions120 - posi
34、tions20 var ydiff_side = positions121 - positions21 var dis_side = Math.pow(xdiff_side * xdiff_side + ydiff_side * ydiff_side), 0.5);var dis_left_right = dis_left - dis_right;document.getEle
35、mentById('result').innerHTML = dis_left_right;if(last_dis_left_right>0 && dis_left_right > dis_side/3)document.getElementById('result').innerHTML = "通过"is_head_ok=true;is_alive_head=false;last_dis_left_right=dis_left_rig
36、ht; last_time = new Date().getTime();/mouse if(is_alive_mouse=true)if(last_time=0 | (new Date().getTime()-last_time>500 && new Date().getTime()-last_time<10000 ) )/研究和鼻子距离var xdiff = positions620 -
37、0;positions270 var ydiff = positions621 - positions271 var dis_eye_norse = Math.pow(xdiff * xdiff + ydiff * ydiff), 0.5);/上嘴唇和下嘴唇距离var xdiff_mouse = positions530 - positions470 va
38、r ydiff_mouse = positions531 - positions471 var dis_mouse = Math.pow(xdiff_mouse * xdiff_mouse + ydiff_mouse * ydiff_mouse), 0.5);/上次的眼鼻距离和这次的眼鼻距离差var dn= Math.abs(dis_eye_norse-last_dis_eye_norse);/上次的嘴距
39、离和本次的嘴距离差var dm=Math.abs(dis_mouse - last_dis_mouse);/鼻子的位置确保变化不大if(last_nose_left>0 && last_nose_top>0&& Math.abs(positions620-last_nose_left)<5&& Math.abs(positions621-last_nose_top)<5)document.getElementById('msg').inn
40、erHTML = dn;if(last_dis_eye_norse>0 && dn < dis_eye_norse*1/50) if(last_dis_mouse>0 && dm > dis_mouse/10)document.getElementById('result').innerHTML = "通过"is_alive_mouse=false;is_mouse_ok=t
41、rue;last_dis_mouse = dis_mouse;last_dis_eye_norse = dis_eye_norse;last_time = new Date().getTime(); last_nose_left = positions620;last_nose_top = positions621;/eye if(is_alive_eye=true)if(last_time=0 | (new Date().getTime()-last_time>10 ) )var xdiff1 = positions620 - positions270 var yd
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 【正版授权】 ISO 2417:2025 EN Leather - Physical and mechanical tests - Determination of the static absorption of water
- 深深的友情写事抒情作文10篇范文
- 2025河北唐山幼儿师范高等专科学校选聘工作人员35人考前自测高频考点模拟试题及答案详解（历年真题）
- 创新产品技术攻关保证承诺书6篇范文
- 2025-2026学年四川省广安市广安三区联考高三上学期8月月考英语试题（解析版）
- 医疗卫生行业疾病预防控制承诺书4篇
- 智能科技类设备持续稳定运行承诺函8篇范文
- 合同审批流程标准化模板提升合同管理效率
- 2025年江西省省直事业单位招聘工作人员笔试违纪违规处理意见模拟试卷附答案详解
- 2025贵州电子职业技术学院第十三届贵州人才博览会引进16人考前自测高频考点模拟试题及答案详解（典优）
- 母婴分离护理常规
- 污泥池清理管理制度
- 推进信息化建设“十五五”规划-(2025-2025年)-根据学校十五五
- 保护环境的课件
- 华电集团就业协议书
- 拆旧建屋合同协议书
- 图深度强化学习在配电网故障恢复中的应用研究
- (2017)海南省房屋建筑与装饰装修工程综合定额交底资料
- 拆除重建工程施工方案
- 《社会科学研究方法》课件
- 《基础护理学》第七版考试题库大全-上部分（600题）
评论
0/150
提交评论