h5 视频活体检测（人脸认证）的前端

调百度云h5视频活体检测接口，功能是在H5场景下，通过用户新录制并上传一个视频，来进行活体检测的判断。

兼容性比较好的做法是通过input去打开手机系统原生的录像界面

<input type="file" accept="video/*" capture="camcorder" ref="videoFile" @change="changeVideo($event)">

还有一种做法就是使用h5的新属性getUserMedia、MediaRecorder

getUserMedia兼容目前主流的手机浏览器几乎都能兼容，作用是会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类型的轨道，放在video播放实现模拟打开摄像头看到的场景

 MediaRecorder兼容性较差，ios14以上才能兼容（找了很久没有找到其他可以替代的方法，网上有说可以用canvas截图传每帧的图片到服务器用ffmpeg去转成视频，暂未试验，有其他方法的欢迎一起探讨），作用是用来模拟录像功能，录制getUserMedia的视频流。

演示截图（因为实际不用，将就看看吧）

   

源码：GitHub - reknown/videoPersonVerify