HTML5+tracking.js实现刷脸支付
【推荐阅读】微服务还能火多久?>>> 最近刷脸支付很火,老板们当然要追赶时代潮流,于是就有了刷脸支付这个项目。前端实现关键的技术是 摄像头录像 , 拍照 和 人脸比对 ,本文来探讨一下如何在html5环境中如何实现刷脸支付以及开发过程中遇到的问题。 1.摄像头 1.1 input获取摄像头 html5中获取手机上的图片,有两种方式,使用input,如下可以打开摄像头拍照: < input type ="file" capture ="camera" accept ="image/*" /> 另外如果想打开相册,可以这样: < input type ="file" accept ="img/*" > 但是这两种方式都会有兼容性问题,用过的同学可能都知道。 1.2 getUserMedia获取摄像头 getUserMedia是html5一个新的api,官方一点的定义是: MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可,媒体输入会产生一个 MediaStream ,里面包含了请求的媒体类型的轨道。此流可以包含一个视频轨道(来自硬件或者虚拟视频源,比如相机、视频采集设备和屏幕共享服务等等)、一个音频轨道(同样来自硬件或虚拟音频源,比如麦克风、A/D转换器等等),也可能是其它轨道类型。 简单一点说就是可以获取到用户摄像头。 同上面input一样