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()