前端开发的一大痛点就是参考资料太多,css,h5 标准,浏览器的各种规范等等。AI 的出现真的很大程度上缓解了这些问题,让我这种半桶水的前端也能够快速的定位到我需要的文档。
项目中需要让客户使用人脸识别验证身份,很自然的想到如下实现思路:
- 浏览器调用摄像头,获得视频
- 视频截图,发往后端
- 后端将照片和系统现有用户比对
浏览器调用摄像头
托 AI 的福,很快就查到了关键词:摄像头调用使用 navigator.mediaDevices
相关接口,视频播放使用 video
元素。
视频截图
直接用 canvas
把 video
内容画上来,当成图片发给后端就好。
后端比对
使用 github 的 face_recognition 仓库,该仓库可以使用命令行进行人脸比对,用 go 稍微封装一下就好了。
再次感谢无数开源作者为世界做出的贡献。
前端代码示例
用 vue2
做了一个简易的人脸识别弹窗: