face-api实现浏览器调用摄像头人脸识别年龄性别表情脸部轮廓等数据代码

代码语言:html

所属分类:多媒体

代码描述:face-api实现浏览器调用摄像头人脸识别年龄性别表情脸部轮廓等数据代码,请在bfwstudio调试运行

代码标签: face-api 浏览器 调用 摄像头 人脸识别 年龄 性别 表情 脸部 轮廓 数据 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>FaceAPI Live WebCam Demo</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, shrink-to-fit=yes">


  </head>
  <body style="font-family: monospace; background: black; color: white; font-size: 16px; line-height: 22px; margin: 0; overflow: hidden">
    <video id="video" playsinline class="video"></video>
  <canvas id="canvas" class="canvas" style="position: fixed; top: 0; left: 0; z-index: 10"></canvas>  请在bfwstudio调试运行。
    <div id="log" style="overflow-y: scroll; height: 16.5rem"></div>

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/face-api.1.7.13.js"></script>
        <script type="module">
        /**
 * FaceAPI Demo for Browsers
 * Loaded via `webcam.html`
 */
   // import * as faceapi from '//repo.bfw.wiki/bfwrepo/js/face-api.esm.1.7.13.js'
// configuration options
const modelPath = '../models/'; // path to model folder that will be loaded using http
// const modelPath = 'https://cdn.jsdelivr.net/npm/@vladmandic/face-api/model/'; // path to model folder that will be loaded using http
const minScore = 0.2; // minimum score
const maxResults = 5; // maximum number of results to return
let optionsSSDMobileNet;

// helper function to pretty-p.........完整代码请登录后点击上方下载按钮下载查看

网友评论0