一种实现前端H5人脸识别录像的方法技术

技术编号:37715896 阅读:13 留言:0更新日期:2023-06-02 00:11
本申请公开了一种实现前端H5人脸识别录像的方法,涉及计算机技术领域,该方法包括:用户授权调用摄像头;web使用tracking.js和face.js实现人脸追踪;调用信息比对库将追踪到的人脸与所述信息比对库内的数据进行比对,实现人脸识别。本申请不需要用户下载第三方软件等其他应用,能够起到快速推广的效果,在实现人脸识别时,只需要借助用户的手机,用户通过授权摄像头的调用权限和本次存储权限给到承载平台,即可实现人脸识别的功能。同时,本申请采用的技术是通过对开源框架进行二次封装的方式,不需要依赖第三方实现,具有快速、资源消耗小的开发效果。消耗小的开发效果。消耗小的开发效果。

【技术实现步骤摘要】
一种实现前端H5人脸识别录像的方法


[0001]本申请涉及计算机
,具体是一种实现前端H5人脸识别录像的方法。

技术介绍

[0002]现有的人脸识别,多需要借助第三方平台(例如电脑软件、手机APP等)实现,同时,多数情况下,还需要部署求他设备(如用于人脸识别的摄像头等),并且,还需要依赖第三方识别库获取人脸识别结果,同时,相应的设备以及使用到的软件,还需要进行再次封装开发才能够满足人脸识别的使用要求,这就造成了使用成本高昂的情况,同时,依赖第三方的情况还会造成响应时效受限大的问题出现。

技术实现思路

[0003]本申请的目的在于提供一种实现前端H5人脸识别录像的方法,以解决
技术介绍
中提出的技术问题。
[0004]为此,本申请公开了以下技术方案:一种实现前端H5人脸识别录像的方法,该方法包括以下步骤:
[0005]用户授权调用摄像头;
[0006]web使用tracking.js和face.js实现人脸追踪;
[0007]调用信息比对库将追踪到的人脸与所述信息比对库内的数据进行比对,实现人脸识别。
[0008]在一种实施方式中,所述的用户授权调用摄像头具体包括:
[0009]用户对web调用摄像头的请求进行接受;
[0010]web通过前端webapi流媒体方法实现摄像头调用。
[0011]在一种实施方式中,所述的用户对web调用摄像头的请求进行接受具体包括:
[0012]向用户发送摄像头调用请求,所述摄像头调用请求用于请求用户授权获取mediaDevices.getUserMedia权限;
[0013]用户同意所述摄像头调用请求。
[0014]在一种实施方式中,所述的web使用tracking.js和face.js实现人脸追踪具体包括:
[0015]web通过tracking.js和face.js控制被调用的摄像头进行Video摄像,并对人脸进行追踪录像。
[0016]在一种实施方式中,所述的对人脸进行追踪录像具体包括:
[0017]识别人脸;
[0018]抓取人脸特征;
[0019]锁定人脸特征对识别到的人脸进行追踪。
[0020]在一种实施方式中,所述信息比对库用于存储人脸特征数据及其对应的人脸图像。
[0021]在一种实施方式中,所述人脸特征包括脸型特征、五官分布点位、五官形状特征、发型特征。
[0022]在一种实施方式中,所述的将追踪到的人脸与所述信息比对库内的数据进行比对具体包括:
[0023]将追踪到的人脸对应的人脸特征与所述信息比对库内存储的人脸特征数据及所述人脸特征数据对应的人脸图像进行比对,获取比对结果对应的人脸图像。
[0024]在一种实施方式中,在所述的实现人脸识别后,将识别结果进行云上传。
[0025]在一种实施方式中,所述tracking.js和所述face.js通过对javascript开源框架的JS算法书写后进行二次封装实现。
[0026]有益效果:本申请的实现前端H5人脸识别录像的方法,不需要用户下载第三方软件等其他应用,能够起到快速推广的效果,在实现人脸识别时,只需要借助用户的手机,用户通过授权摄像头的调用权限和本次存储权限给到承载平台,即可实现人脸识别的功能。本方法维护成本低,不需要部署其他设备,使用成本低。同时,本申请采用的技术是通过对javascript开源框架进行二次封装的方式,不需要依赖第三方实现,具有快速、资源消耗小的开发效果。
附图说明
[0027]为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0028]图1为本申请实施例中实现前端H5人脸识别录像的方法的流程框图。
具体实施方式
[0029]下面将对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
[0030]在本文中,术语“包括”意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括
……”
限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0031]如图1所示,本实施例公开了一种实现前端H5人脸识别录像的方法,该方法包括以下步骤:
[0032]S1

用户授权调用摄像头。
[0033]S2

web使用tracking.js和face.js实现人脸追踪,所述tracking.js和所述face.js通过对javascript开源框架的JS算法书写后进行二次封装实现,javascript具备跨平台的特性,具备开发完就可上线多端的特点。
[0034]S3

调用信息比对库将追踪到的人脸与所述信息比对库内的数据进行比对,实现人脸识别,其中,所述信息比对库用于存储人脸特征数据及其对应的人脸图像。
[0035]S4

在所述的实现人脸识别后,将识别结果进行云上传。
[0036]在本实施例中,所述的用户授权调用摄像头具体包括:
[0037]S11

用户对web调用摄像头的请求进行接受;
[0038]S12

web通过前端webapi流媒体方法实现摄像头调用。
[0039]进一步地,所述的用户对web调用摄像头的请求进行接受具体包括:
[0040]S111

向用户发送摄像头调用请求,所述摄像头调用请求用于请求用户授权获取mediaDevices.getUserMedia权限;
[0041]S112

用户同意所述摄像头调用请求。
[0042]在本实施例中,所述的web使用tracking.js和face.js实现人脸追踪具体包括:
[0043]S21

web通过tracking.js和face.js控制被调用的摄像头进行Video摄像,并对人脸进行追踪录像。
[0044]所述的对人脸进行追踪录像具体包括:
[0045]S22

识别人脸;
[0046]S23

抓取人脸特征;
[0047]S24

锁定人脸特征对识别到的人脸进行追踪。
[0048]在本实施例中本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种实现前端H5人脸识别录像的方法,其特征在于,该方法包括以下步骤:用户授权调用摄像头;web使用tracking.js和face.js实现人脸追踪;调用信息比对库将追踪到的人脸与所述信息比对库内的数据进行比对,实现人脸识别。2.根据权利要求1所述的实现前端H5人脸识别录像的方法,其特征在于,所述的用户授权调用摄像头具体包括:用户对web调用摄像头的请求进行接受;web通过前端webapi流媒体方法实现摄像头调用。3.根据权利要求2所述的实现前端H5人脸识别录像的方法,其特征在于,所述的用户对web调用摄像头的请求进行接受具体包括:向用户发送摄像头调用请求,所述摄像头调用请求用于请求用户授权获取mediaDevices.getUserMedia权限;用户同意所述摄像头调用请求。4.根据权利要求1所述的实现前端H5人脸识别录像的方法,其特征在于,所述的web使用tracking.js和face.js实现人脸追踪具体包括:web通过tracking.js和face.js控制被调用的摄像头进行Video摄像,并对人脸进行追踪录像。5.根据权利要求4所述的实...

【专利技术属性】
技术研发人员:汪贤陈泳
申请(专利权)人:蜂助手股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1