Giter Site home page Giter Site logo

h5-face-track-demo's Introduction

微信 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

h5-face-track-demo's People

Contributors

kejunmao avatar

Stargazers

Charbo avatar Vane avatar chiikawa avatar  avatar  avatar bubble avatar Bunsal avatar  avatar  avatar  avatar Jayshanx avatar Rui Wu avatar  avatar Naisev avatar

Watchers

 avatar  avatar

h5-face-track-demo's Issues

不会PR,写在这里

设备 微信 QQ 企业微信 浏览器
iPhone 14 Pro Max ✔️8.0.39 ❓ 未测试 ❓ 未测试 ✔️iOS 16.6 Safari
  • QQ不能测试,显示链接无法打开需要解封
  • 微信和safari都是同一个问题,第一次识别完无法显示图片,第二次识别完才显示9张图片

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.