allanguys / fe-ai

AI在前端领域应用的Demo集合

前端智能

DEMO

• 风格迁移

抽取图像上的特征应用到其他图片

• 看图识花

可识别的分类：雏菊、蒲公英、玫瑰、向日葵、郁金香

分类识别模型训练步骤：https://github.com/allanguys/blog/issues/4 文章第4部分

• 人脸检测 支持摄像头

识别人脸、情绪、年龄

• 手部追踪

识别人体手部

• 图像分类 支持摄像头

可识别的分类：https://github.com/tensorflow/tfjs-models/blob/master/mobilenet/src/imagenet_classes.ts

• 目标识别 支持摄像头

可识别的目标：https://github.com/tensorflow/tfjs-models/blob/master/coco-ssd/src/classes.ts

• 人物分割1.0 支持摄像头

可识别人体轮廓

• 人物分割2.0 支持摄像头

可同时识别多个人体轮廓

• 姿态检测 支持摄像头

识别人体关键点

Tips

• 因为CN的特殊的网络环境，大部分模型已下载到本地。但是没有翻墙的环境访问github速度较慢，推荐下载到本地查看。

• 在本地预览和调试，建议使用http-server:

    git clone https://github.com/allanguys/FE-AI.git
    
    cd FE-AI
    
    npm install http-server -g
    
    http-server

• 为保持项目尽量简单易懂，暂未兼容多端和多数浏览器，请用chrome 70+测试访问。

• 为了保持每个DEMO都单独简单可用可读，未抽离梳理统一公用函数，未美化代码。

• 开源类库参数的不同会导致加载的模型不同，本示例只下载了默认参数的模型。