人脸识别使用记录

使用tracking.js实现检测,官网地址:tracking.js

人脸识别使用记录_第1张图片

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);
          });
      }

 

你可能感兴趣的:(javascript,前端,vue.js)