基于html 人脸识别活体认证实现方法

《基于html 人脸识别活体认证实现方法》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、★精品文档★基于HTML5人脸识别活体认证实现方法　　近几年，人脸识别技术在身份认证领域的应用已经有了较多应用，例如：支付宝、招行的取款、养老金领取等方面，但在杜绝假冒、认证安全性等方面，目前还是一个比较需要进一步解决的课题，特别是在移动端的活体认证技术方面。本文介绍了在HTML5环境下可以采用clmtrackr.js检测工具，结合人脸模型，实现人脸的跟踪检测。同时采用动作识别实现活体认证。但本方案只能够在Firefox或者Chrome中使用。并且只适合研究学习，实际场景中不太理想，需要进一步优化才能够应用。如果有人有相关的技术，可以

2、推荐介绍给我。JavaScriptCode<!DOCTYPEhtml<!--Ideallytheseelementsaren’tcreateduntilit’sconfirmedthattheclientsupportsvideo/camera,butforthesakeofillustratingtheelementsinvolved,theyarecreatedwithmarkup(notJavaScript)--2016全新精品资料-全新公文范文-全程指导写作–独家原创22/22★精品文档★<html<m

3、etacharset=“GBK”<style#container{position:relative;}#canvas{position:absolute;left:0;top:0;}</style<scriptsrc=“utils.js”</script<scriptsrc=“clmtrackr.js”</script<scriptsrc=“./models/model_pca_20_svm.js”</script<scriptsrc=“numeric.js”</scrip

4、t<scriptsrc=“ccv.js”</script<audioid=“media”你的浏览器不支持audio标签。</audio<divid=“container” 2016全新精品资料-全新公文范文-全程指导写作–独家原创22/22★精品文档★<videoid=“video”width=“600”height=“400”autoplay您的浏览器不支持video标签</video<canvasid=“canvas”width=“600”height=“400”</canva

5、s</div<buttonid=“snap”SnapPhoto</button<buttonid=“start”Start</button<buttonid=“showposition”显示</button<buttonid=“hideposition”不显示</button<br/<buttonid=“mouse”张嘴验证</button<buttonid=“head”摇头验证</button<buttonid=“eye”眨眼验证</bu

6、tton<divid=“tip”</div<divid=“result”</div<divid=“msg”</div<divid=“positions” 2016全新精品资料-全新公文范文-全程指导写作–独家原创22/22★精品文档★</div<scriptvarshowpos=false;//Puteventlistenersintoplace//window.addEventListener(“DOMContentLoaded”,function(){//Grabelement

7、s,createsettings,etc.varcanvas=document.getElementById(“canvas”),context=canvas.getContext(“2d”),video=document.getElementById(“video”),videoObj={“video”:true},errBack=function(error){if(error.PERMISSION_DENIED){jAlert(‘用户拒绝了浏览器请求媒体的权限’,‘提示’);}elseif(error.NOT_SUPPORTED

8、_ERROR){jAlert(‘对不起，您的浏览器不支持拍照功能，请使用其他浏览器’,‘提示’);}elseif(error.MANDATORY_UNSATISFIED_ERROR){jAlert(‘指定的媒体类型未接收