基于HTML5的人脸识别活体认证.docxVIP

近几年，人脸识别技术在身份认证领域的应用已经有了较多应用，例如：支付宝、招行的取款、养老金领取等方面，但在杜绝假冒、认证安全性等方面，目前还是一个比较需要进一步解决的课题，特别是在移动端的活体认证技术方面。本文介绍了在HTML5 环境下可以采用clmtrackr.js 检测工具，结合人脸模型，实现人脸的跟踪检测。同时采用动作识别实现活体认证。但本方案只能够在Firefox 或者Chrome中使用。并且只适合研究学习，实际场景中不太理想，需要进一步优化才能够应用。!DOCTYPE?html!--Ideally?these?elements?arent?created?until?its?confirmed?that?the?client?supports?video/camera,?but?for?the?sake?of?illustrating?the?elements?involved,?they?are?created?with?markup?(not?JavaScript)--htmlmeta?charset=GBKstyle#container?{position?:?relative;}#canvas?{position?:?absolute;left?:?0;top?:?0;}/stylescript?src=utils.js/scriptscript?src=clmtrackr.js/scriptscript?src=./models/model_pca_20_svm.js/scriptscript?src=numeric.js/scriptscript?src=ccv.js/scriptaudio?id=media?你的浏览器不支持audio标签。/audiodiv?id=containervideo?id=video?width=600?height=400?autoplay??您的浏览器不支持video标签/videocanvas?id=canvas?width=600?height=400/canvas/div????button?id=snapSnap?Photo/buttonbutton?id=startStart/buttonbutton?id=showposition显示/buttonbutton?id=hideposition不显示/buttonbr/button?id=mouse张嘴验证/button?button?id=head摇头验证/button?button?id=eye眨眼验证/buttondiv?id=tip/divdiv?id=result/divdiv?id=msg/divdiv?id=positions/divscriptvar?showpos=false;//?Put?event?listeners?into?place//window.addEventListener(DOMContentLoaded,?function()?{//?Grab?elements,?create?settings,?etc.var?canvas?=?document.getElementById(canvas),context?=?canvas.getContext(2d),video?=?document.getElementById(video),videoObj?=?{?video:?true?},errBack?=?function(error)?{if?(error.PERMISSION_DENIED)?{jAlert(用户拒绝了浏览器请求媒体的权限,?提示);}?else?if?(error.NOT_SUPPORTED_ERROR)?{jAlert(对不起，您的浏览器不支持拍照功能，请使用其他浏览器,?提示);}?else?if?(error.MANDATORY_UNSATISFIED_ERROR)?{jAlert(指定的媒体类型未接收到媒体流,?提示);}?else?{jAlert(系统未能获取到摄像头，请确保摄像头已正确安装。或尝试刷新页面，重试,?提示);}};//?Put?video?listeners?into?placeif(navigator.getUserMedia)?{?//?Standardnavigator.getUserMedia(videoObj,?function(stream)?{video.src?=?stream;video.play();},?errBack);}?else?if(navigator.webkitGetUserMedia)?{?//?WebKit-prefixedtry{navigator.webkitGetUserMedia(