Skip to content

使用 TensorFlow.js 进行人脸识别,通过绘制一些简单的贴图,实现前端换脸功能,大家也可以举一反三🥰

Notifications You must be signed in to change notification settings

chudongvip/face-detect-demo

Repository files navigation

前端“易容术”

上一个 DEMO,我介绍了前端的图像处理技术,没有看过的朋友可以先看这个项目,项目同样是分多个 DEMO ,按照 DEMO 的顺序我相信你很快就会入门的。

由于个人兴趣,一直想研究一下人工智能,从事前端工作关于 AI 的使用几乎为零,在我年计划中显然成为了老赖,于是乘热打铁,卯足干劲,一个人“前端换脸的概念”的想法出现了,因此就有了以下的一个两个三个... DEMO。

本文适合没有接触过或有兴趣接触的朋友,当然还有图像处理技术的入门,可谓是一石二鸟,不可多得的好项目(王婆卖瓜一波😛)。

先来一张效果图

一张效果图

推荐 DEMO 路线,召唤师请跟随我!

  • index.html

    图片处理,使用 canvas 绘制原图,然后通过人脸识别检测到眼睛的位置,在眼睛的位置添加上小 ♥️

    一张效果图

  • play-video-in-canvas.html

    canvas 中播放实时采集的本地视频头,目的是为了拿到自己在视频头中的每一帧(一张图片),这样就可以通过人脸识别技术获取到自己实时的人脸信息。

  • detect-video.html

    我们可以检测本地摄像头中的人脸,或者 mp4 等视频中的人脸

    视频处理,通过人脸识别技术获取到视频每一帧(图片)中是否有人脸以及人脸五官的位置,然后在添加相对应的贴图。

    检测视频中的眼睛

  • detect-camera.html

    play-video-in-canvas.html 就是这个 DEMO 的铺垫,拿到了本地人脸信息,我就可以“为所欲为”了。

    一张效果图

相关链接

About

使用 TensorFlow.js 进行人脸识别,通过绘制一些简单的贴图,实现前端换脸功能,大家也可以举一反三🥰

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages