本方案基于canvas,所以仅针对可使用canvas的环境中使用
export function getVideoCover(url: any) {
return new Promise(function (resolve, reject) {
let dataURL = '';
let video = document.createElement("video") as any;
video.setAttribute('crossOrigin', 'anonymous');//处理跨域
video.setAttribute('src', url);
video.setAttribute('width', 220);
video.setAttribute('height', 220);
video.currentTime = 0.1
video.addEventListener('loadeddata', function () {
let canvas = document.createElement("canvas"),
width = video.width, //canvas的尺寸和图片一样
height = video.height;
canvas.width = width;
canvas.height = height;
canvas.getContext("2d").drawImage(video, 0, 0, width, height); //绘制canvas
dataURL = canvas.toDataURL('image/jpeg'); //转换为base64
resolve(dataURL);
});
})
}