<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,viewport-fit=cover">
<base target="_blank" />
<link rel="stylesheet" href="./css/style.css">
<title>WebRTC + clmtrackr.js</title>
</head>
<body>
<div class="webrtc-demo">
<div class="video-wrapper">
<video id="localVideo" autoplay muted playsinline></video>
</div>
</div>
<div class="webrtc-title">
<h1><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API">WebRTC</a></h1>
<h1>+</h1>
<h1><a href="https://www.auduno.com/clmtrackr/docs/reference.html">clmtrackr.js</a></h1>
</div>
<button id="startRecord">音视频录制</button>
<button id="startFaceDetect">人脸检测</button>
<button class="aliveDetect" id="mouse">张嘴检测</button>
<button class="aliveDetect" id="head">摇头检测</button>
<button class="aliveDetect" id="eye">眨眼检测</button>
<script src="./lib/vconsole.min.js"></script>
<script>
var logger = function (...args) {
console.log('[logger]', args[0], '-->', ...args.slice(1, args.length));
};
new VConsole();
</script>
<!-- clmtrackr.js -->
<script src="./lib/model_pca_20_svm.js"></script>
<script src="./lib/clmtrackr.js"></script>
<!-- polyfill -->
<script src="./utils/polyfill.js"></script>
<!-- 调用webrtc -->
<script src="./js/webrtc.js"></script>
<!-- 本地录制 -->
<script src="./js/record.js"></script>
<!-- 人脸检测 -->
<script src="./js/face-detect.js"></script>
<!-- 动作检测 -->
<script src="./js/alive-detect.js"></script>
</body>
</html>
基于webrtc+clmtrackr.js实现的视频录制、人脸检测、活体检测源码+体验地址.zip
版权申诉
5星 · 超过95%的资源 56 浏览量
2023-06-14
23:24:01
上传
评论 4
收藏 789KB ZIP 举报 
基于webrtc+clmtrackr.js实现的视频录制、人脸检测、活体检测源码+体验地址.zip （11个子文件） 
lib 
model_pca_20_svm.js 652KB vconsole.min.js 89KB clmtrackr.js 1.6MB js webrtc.js 5KB alive-detect.js 11KB face-detect.js 4KB record.js 7KB utils polyfill.js 1KB css style.css 3KB 说明文档.md 555B
index.html 2KB资源评论
2301_773426552023-11-14资源内容总结地很全面，值得借鉴，对我来说很有用，解决了我的燃眉之急。 z同学的编程之路2023-11-29感谢您的支持和认可！互相学习
