canvas 截视频第一帧做封面
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
常规做法
captureImage(video) {
let canvas = document.createElement('canvas')
canvas.width = video.videoWidth
canvas.height = video.videoHeight
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height)
return canvas.toDataURL('image/png')
}
坑
有些视频第一帧黑屏,我们可以借用video currentTime将视频指定到一个位置再来进行截图 如第一帧黑屏时可以将视频调到第1秒的位置再进行截图 video.currentTime = 1 再进行截图, 搞定 this.captureImage()