capture = (url:string,width:number,height:number,screenPartNo:number) => {
let canvas = document.createElement(“canvas”);
let ctx = canvas.getContext(‘2d’);
let video = document.createElement(“video”);
video.setAttribute(‘src’, url);
video.setAttribute(‘crossOrigin’, ‘anonymous’);//处理跨域
video.setAttribute(‘preload’, ‘auto’);
video.setAttribute(‘width’, ${width}
);
video.setAttribute(‘height’, ${height}
);
if(canvas){
video.addEventListener(‘loadeddata’, () => {
canvas.width = width;
canvas.height = height;
ctx&&ctx.drawImage(video,0,0,width,height);
let e = canvas.toDataURL(‘image/jpeg’);
});
}
}
前端视频取帧方法
于 2021-08-02 17:43:41 首次发布