使用tracking.js实现检测,官网地址:tracking.js
npm i下载所有依赖库后,人脸识别face_camera.html文件重点使用的dat.gui.min.js,会再销毁,个人解决办法是在install完成前,将对应文件夹拷出来,其他依赖库导入完成后,手动拖入文件夹。
判断设备是否支持摄像头,添加实时头像信息
if (typeof(window.navigator.mediaDevices) == 'undefined') {
console.log('getUserMedia is not supported');
return
} else {
console.log('getUserMedia is supported');
window.navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
var video = document.querySelector('video');
video.srcObject = stream;
video.play();
})
.catch(function(err) {
console.log(err.name + ': ' + err.message);
});
}