V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
KeJunCN
V2EX  ›  分享创造

开源一个人脸识别前端 demo,支持 H5 微信、公众号、QQ、企业微信

  •  1
     
  •   KeJunCN ·
    KeJunMao · 2023-07-20 16:15:00 +08:00 · 1346 次点击
    这是一个创建于 493 天前的主题,其中的信息可能已经有所发展或是发生改变。

    微信 h5 人脸识别 Demo

    利用 getUserMediatracking.js 实现调用摄像头并在页面内进行人脸识别

    截图
    入口页 授权弹窗
    识别中 识别结果

    Demo

    无服务器,不会收集你的信息,放心扫码测试

    https://facetest.kejun.me

    或微信扫码

    快速开始

    pnpm install
    pnpm dev
    

    访问 http://localhost:3000

    框架和库

    • Nuxt3
    • Vue3
    • VueUse
    • Vant
    • Unocss
    • tracking.js
    • VConsole

    核心代码在 useFaceTrack.ts

    测试设备

    测试标准为能正确获取摄像头视频流,能使用 tracking 识别人脸,能在结果页展示人脸

    测试时,必须使用 https 协议或者 127.0.0.1

    作者条件有限,如果你也测试通过了,欢迎 PR 添加你的测试结果

    • ✔️ 已通过
    • ❌ 未通过
    • ❓ 未测试
    设备 微信 QQ 企业微信 浏览器
    iPhone 13 Pro ✔️8.0.39 ✔️8.9.58.612 ✔️4.1.7(131309) ✔️iOS 16.1 Safari
    第 1 条附言  ·  2023-07-22 23:49:51 +08:00
    robinchina
        1
    robinchina  
       2023-07-20 16:25:15 +08:00
    KeJunCN
        2
    KeJunCN  
    OP
       2023-07-20 16:26:59 +08:00
    @robinchina 前端绕过不怕,真的落地的话应该去接阿里之类的后台去检测
    imwangpan
        3
    imwangpan  
       2023-07-21 09:56:16 +08:00
    楼主,开源地址呢?
    KeJunCN
        4
    KeJunCN  
    OP
       2023-07-22 23:50:15 +08:00 via iPhone
    GordenMo
        5
    GordenMo  
       5 天前
    网页访问不了了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2872 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 11:59 · PVG 19:59 · LAX 03:59 · JFK 06:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.