人脸识别眨眼张嘴软件_纯js实现人脸识别眨眨眼张张嘴案例——alive_face.js

这个示例展示了如何使用JavaScript实现人脸识别并检测眨眼、张嘴和摇头动作。用户点击相应按钮启动动作检测,程序通过检测面部特征的变化来判断用户是否执行了指定动作。当检测到动作完成时,会显示‘通过’并播放对应音效。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

$(function(){

//执行开始的方法

//showpos = true;

startTrack();

})

var showpos = false;

// Put event listeners into place

//window.addEventListener("DOMContentLoaded", function() {

// Grab elements, create settings, etc.

var canvas = document.getElementById("canvas"),

context = canvas.getContext("2d"),

video = document.getElementById("video"),

videoObj = {

"video": true

},

errBack = function(error) {

if(error.PERMISSION_DENIED) {

jAlert('用户拒绝了浏览器请求媒体的权限', '提示');

} else if(error.NOT_SUPPORTED_ERROR) {

jAlert('对不起,您的浏览器不支持拍照功能,请使用其他浏览器', '提示');

} else if(error.MANDATORY_UNSATISFIED_ERROR) {

jAlert('指定的媒体类型未接收到媒体流', '提示');

} else {

jAlert('系统未能获取到摄像头,请确保摄像头已正确安装。或尝试刷新页面,重试', '提示');

}

};

// Put video listeners into place

if(navigator.getUserMedia) { // Standard

navigator.getUserMedia(videoObj, function(stream) {

video.src = stream;

video.play();

}, errBack);

} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed

try {

navigator.webkitGetUserMedia(videoObj, function(stream) {

video.src = window.webkitURL.createObjectURL(stream);

video.play();

}, errBack);

} catch(error) {

alert(error);

}

} else if(navigator.mozGetUserMedia) { // Firefox-prefixed

navigator.mozGetUserMedia(videoObj, function(stream) {

video.src = window.URL.createObjectURL(stream);

video.play();

}, errBack);

}

//张嘴

document.getElementById("mouse").addEventListener("click", function() {

var audio = document.createElement('audio');

var source = document.createElement('source');

source.type = "audio/mp3";

source.src = "mp3/alive_mouse.mp3";

source.autoplay = "autoplay";

source.controls = "controls";

audio.appendChild(source);

audio.play();

alive_mouse();

});

//摇头

document.getElementById("head").addEventListener("click", function() {

alive_head();

});

//眨眨眼

document.getElementById("eye")

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值