一种实现前端H5人脸识别大头贴相片的办法的制作方法

本申请涉及计算机，具体是一种实现前端h5人脸识别大头贴相片的办法。

背景技术：

1、现有的人脸识别，多需要借助第三方平台(例如电脑软件、手机app等)实现，同时，多数情况下，还需要部署求他设备(如用于人脸识别的摄像头等)，并且，还需要依赖第三方识别库获取人脸识别结果，同时，相应的设备以及使用到的软件，还需要进行再次封装开发才能够满足人脸识别的使用要求，这就造成了使用成本高昂的情况，同时，依赖第三方的情况还会造成响应时效受限大的问题出现。同样的，现有的拍照机器如大头贴机器等，需要定点在某些商场的固定摊位，不仅存在摊位费贵的情况，还存在用户使用不自由的问题，进而导致产品推广效果差、经济效益低下的问题出现，因此，研发一种便捷使用的大头贴拍照技术是十分有必要的。

技术实现思路

1、本申请的目的在于提供一种实现前端h5人脸识别大头贴相片的办法，以解决背景技术中提出的技术问题。

2、为此，本申请公开了以下技术方案：一种实现前端h5人脸识别大头贴相片的办法，该方法包括以下步骤：

3、部署服务器，在所述服务器内部署代码；

4、配置摄像端，所述摄像端为手机或平板电脑；

5、建立连接，用户通过所述摄像端的web前端登录所述服务器；

6、摄像头调用，用户授权调用摄像头，所述web前端通过webapi流媒体方法实现摄像头调用；

7、开始摄像，所述web前端使用tracking.js和face.js实现人脸追踪并拍照。

8、作为优选，所述摄像头调用具体包括：

9、所述服务器向所述摄像端发送摄像头的调用请求；

10、用户通过在所述web前端上接受所述调用请求，所述web前端通过webapi流媒体方法实现摄像头调用。

11、作为优选，所述所述web前端通过webapi流媒体方法实现摄像头调用具体包括：

12、在所述web前端上接受所述调用请求后，所述所述调用请求内的代码被运行并获取所述摄像端的mediadevices.getusermedia权限。

13、作为优选，该种实现前端h5人脸识别大头贴相片的办法还包括：

14、在开始摄像前，所述web前端向用户展示预制背景图片，用户选择所述预制背景图片中的一张图片作为照片背景。

15、作为优选，该种实现前端h5人脸识别大头贴相片的办法还包括：

16、在开始摄像前，所述web前端同时向用户发送上传背景图片的控件，在用户不选择所述预制背景图片时，用户点选控件后上传自制背景图片作为照片背景，所述自制背景图片包括所述摄像端内存储的照片或图片。

17、作为优选，所述的web前端使用tracking.js和face.js实现人脸追踪并拍照具体包括：

18、所述web前端通过tracking.js和face.js控制被调用的摄像头进行video摄像，并对人脸进行追踪录像；

19、对录像结果进行截图拍照并通过canvas-生成图片。

20、作为优选，在进行人脸追踪时，所述web前端通过所述服务器下发的人脸识别模组进行人脸识别；具体包括：

21、所述摄像头抓取图像；

22、所述web前端调用二进制复合算法模型对抓取到的图像进行活体检测，并提取活体特征值；

23、所述web前端对提取到的活体特征值进行分析，并与预设的人脸特征数据库进行比对，识别被抓取图像中是否包括人脸，并在不包括人脸时发出告警提示。

24、作为优选，所述活体特征值包括图像轮廓数据、中心点分布数据，所述人脸特征数据包括脸型轮廓数据、五官分布数据。

25、作为优选，所述web前端对提取到的活体特征值进行分析具体包括：

26、通过轮廓提取法对抓取的图像进行特征边界提取；

27、判断提取到的特征边界是否为闭合边界，是则将该特征边界及边界内部元素提取为特征图像，否则，丢弃被提取到的特征边界；

28、将所述特征图像与所述脸型轮廓数据进行比对，判断所述特征图像是否为脸型图像，是则保留该特征图像并进入下一步骤，否则，丢弃该特征图像；

29、对保留下的特征图像基于opencv进行图像轮廓分析，对所述特征图像中被分析出的轮廓的中心点位进行获取；

30、将分析出的轮廓的中心点位与所述五官分布数据进行比对，判断所述特征图像中是否具有五官特征，是则该特征图像为人脸图像。

31、作为优选，所述识别被抓取图像中是否包括人脸具体包括：

32、对所有保留下的特征图像进行是否具有五官特征的判断，当至少一个特征图像中具有五官特征时，表示该特征图像对应的抓取的图像包括人脸，否则，该特征图像对应的抓取的图像不包括人脸。

33、有益效果：本申请的实现前端h5人脸识别大头贴相片的办法，不需要用户下载第三方软件等其他应用，能够起到快速推广的效果，在实现人脸识别时，只需要借助用户的手机或平板电脑，用户通过授权摄像头的调用权限和本次存储权限给到承载平台，即可实现人脸识别并拍照的功能，然后完成大头贴拍照。本方法维护成本低，不需要部署其他设备，使用成本低，用户接受度高，可靠性高。同时，本申请采用的技术是通过对javascript开源框架进行二次封装的方式，不需要依赖第三方实现，具有快速、资源消耗小的开发效果。

技术特征：

1.一种实现前端h5人脸识别大头贴相片的办法，其特征在于，该方法包括以下步骤：

2.根据权利要求1所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，所述摄像头调用具体包括：

3.根据权利要求2所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，所述所述web前端通过webapi流媒体方法实现摄像头调用具体包括：

4.根据权利要求1所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，该种实现前端h5人脸识别大头贴相片的办法还包括：

5.根据权利要求4所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，该种实现前端h5人脸识别大头贴相片的办法还包括：

6.根据权利要求4或5所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，所述的web前端使用tracking.js和face.js实现人脸追踪并拍照具体包括：

7.根据权利要求6所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，在进行人脸追踪时，所述web前端通过所述服务器下发的人脸识别模组进行人脸识别；具体包括：

8.根据权利要求7所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，所述活体特征值包括图像轮廓数据、中心点分布数据，所述人脸特征数据包括脸型轮廓数据、五官分布数据。

9.根据权利要求8所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，所述web前端对提取到的活体特征值进行分析具体包括：

10.根据权利要求9所述的实现前端h5人脸识别大头贴相片的办法，其特征在于，所述识别被抓取图像中是否包括人脸具体包括：

技术总结
本申请公开了一种实现前端H5人脸识别大头贴相片的办法，涉及计算机技术领域，该方法包括：部署服务器，在所述服务器内部署代码；配置摄像端，所述摄像端为手机或平板电脑；建立连接，用户通过所述摄像端的web前端登录所述服务器；摄像头调用，用户授权调用摄像头，所述web前端通过webapi流媒体方法实现摄像头调用；开始摄像，所述web前端使用tracking.js和face.js实现人脸追踪并拍照。本申请不需要用户下载第三方软件等其他应用，能够起到快速推广的效果，在实现人脸识别时，用户通过授权摄像头的调用权限，即可实现人脸识别并拍照的功能。同时，本申请采用的技术是通过对开源框架进行二次封装的方式，不需要依赖第三方实现，具有快速、资源消耗小的开发效果。

技术研发人员：汪贤,陈泳
受保护的技术使用者：蜂助手股份有限公司
技术研发日：
技术公布日：2024/1/13