<video id="video" class="pic_video" playsinline autoplay x5-video-player-type="h5" style='object-fit:fill;width: 100%;height: 100%;' src=""></video>
<canvas id="canvas" class="canvas_pic" style='margin: 0;padding: 0;'></canvas>
// 頭像照片
captureAvg() {
let vm = this;
let video = document.querySelector('video');
let canvas = document.querySelector('canvas'),
ctx = canvas.getContext('2d'),
CHeight = video.clientHeight, //獲取屏幕大小讓canvas自適應(yīng)
CWidth = video.clientWidth;
canvas.width = '1080';? ? ?//? canvas.width =?CWidth
canvas.height = '1080';? ? //??canvas.height =?CHeight
if (vm.localMediaStream) {
ctx.drawImage(video, 0, 0);
// console.log(ctx.drawImage(video, 0, 0, CWidth, CHeight))
var dataURL = canvas.toDataURL('image/jpeg'); //dataURL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA'
vm.imginfo = dataURL.slice(23);
vm.imginfoo = dataURL;
// console.log(vm.imginfo)
// console.log(vm.imginfoo)
}
}
1掂碱、利用video調(diào)取瀏覽器攝像頭進(jìn)行拍照怜姿;
2、再通過(guò)canvas繪圖減小圖片大刑墼铩沧卢;
3、后上傳用戶信息和人臉照片進(jìn)行百度活體檢測(cè)和實(shí)名認(rèn)證醉者;