大家好，又见面了，我是你们的朋友全栈君。
一.准备
1.编译出opencv.js文件
opencv.js 没有现成的，需要编译，根据官网下载编译程序编译
https://blog.csdn.net/zbl744949461/article/details/100150138
如果不想自己编译，或者编译完的文件，在浏览器中有问题，可以直接从官网网站上自己下下来（F12，把js文件保存在本地）
https://docs.opencv.org/4.1.2/df/d6c/tutorial_js_face_detection_camera.html
自己编译后的文件有报 SharedArrayBuffer 未定义的错误，因为ie和360浏览器就不支持这个js内置函数
2.在网页中引入适配器文件
把官网的引用在本地新建个js文件保存
![网页中使用opencv 人脸识别[通俗易懂]](https://img-blog.csdnimg.cn/20190901143934298.png)
![网页中使用opencv 人脸识别[通俗易懂]](https://javaforall.cn/wp-content/themes/justnews/themer/assets/images/lazy.png)
![网页中使用opencv 人脸识别[通俗易懂]](https://img-blog.csdnimg.cn/20190901143738831.png)
![网页中使用opencv 人脸识别[通俗易懂]](https://javaforall.cn/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
3.在同一个目录下放入精准人脸识别参数文件（在_cuda文件夹下的这个default文件）
![网页中使用opencv 人脸识别[通俗易懂]](https://img-blog.csdnimg.cn/20190902101144613.png)
![网页中使用opencv 人脸识别[通俗易懂]](https://img-blog.csdnimg.cn/20190902101112626.png)
4.引用utils.js工具文件，里面是名为Utils的构造函数
![网页中使用opencv 人脸识别[通俗易懂]](https://img-blog.csdnimg.cn/20190901144010852.png)
二.执行
1. 用构造函数Utils新建个对象
![网页中使用opencv 人脸识别[通俗易懂]](https://img-blog.csdnimg.cn/20190902155358153.png)
2. 加载面部数据文件，并在根目录下创建新的文件，加载完成，扫脸按钮的去掉不可用状态
![网页中使用opencv 人脸识别[通俗易懂]](https://img-blog.csdnimg.cn/20190902155438495.png)
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/141027.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...