tracking.js

# 白泽智慧教辅平台 **说明：** 运行时需要修改位置： bzedu\src\main\resources\application.properties bzedu\src\main\resources\config\mybatis-config.xml https证书配置请自行学习 数据库自行配置，直接导入提供的bzedu.sql即可 为方便下载学习，已将工程文件、演示视频、说明文档打包到百度云。 链接：https://pan.baidu.com/s/1rPebGhy7_w9tTjedcv66Ew 提取码：acg3 github： https://github.com/wonke/bzedu 欢迎star **１．** **技术概要** 后台框架：SpringBoot、Mybatis；前端框架：BootStrap、layUI； 数据库：MySQL；人脸签到：百度人脸识别API、webRTC、Canvas、Tracking.js； **２．** **项目介绍** 白泽智教是一款围绕教师授课全环节覆盖的在线教辅管理系统。系统功能有：人脸识别签到，智能语音点名，发布查看课堂作业，在线匿名评教，上传下载课件功能。 ​ **３．** **项目流程图** **４．** **功能设计** **(1)** **人脸签到：**教师发起当堂签到，设置截止时间，并可实时查看签到成功的学生名单

【推荐阅读】微服务还能火多久？>>> 最近刷脸支付很火，老板们当然要追赶时代潮流，于是就有了刷脸支付这个项目。前端实现关键的技术是 摄像头录像 ， 拍照 和 人脸比对 ，本文来探讨一下如何在html5环境中如何实现刷脸支付以及开发过程中遇到的问题。 1.摄像头 1.1 input获取摄像头 html5中获取手机上的图片，有两种方式，使用input，如下可以打开摄像头拍照： < input type ="file" capture ="camera" accept ="image/*" /> 另外如果想打开相册，可以这样： < input type ="file" accept ="img/*" > 但是这两种方式都会有兼容性问题，用过的同学可能都知道。 1.2 getUserMedia获取摄像头 getUserMedia是html5一个新的api，官方一点的定义是： MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可，媒体输入会产生一个 MediaStream ，里面包含了请求的媒体类型的轨道。此流可以包含一个视频轨道（来自硬件或者虚拟视频源，比如相机、视频采集设备和屏幕共享服务等等）、一个音频轨道（同样来自硬件或虚拟音频源，比如麦克风、A/D转换器等等），也可能是其它轨道类型。 简单一点说就是可以获取到用户摄像头。 同上面input一样