通过视频url，获取缩略图

1    getVideoImg (url) {
2      let _this = this
3      // 创建视频对象
4      let video = document.createElement('video')
5      video.src = url
6      video.width = 503
7      video.height = 295
8      video.setAttribute('crossOrigin', 'Anonymous')
9      video.autoplay = true
10      // video.play() // 开始播放
11      video.addEventListener('loadeddata', () => {
12        setTimeout(() => {
13          let canvas = document.createElement('canvas')
14          canvas.width = 503
15          canvas.height = 503
16          let ctx = canvas.getContext('2d')
17          let imgHeight = video.videoHeight
18          let imgWidth = video.videoWidth
19          // canvas.width = imgWidth
20          // canvas.height = imgHeight
21          ctx.drawImage(video, 0, 0, imgWidth, imgHeight, 0, 0, video.width, video.width)
22          let img = canvas.toDataURL('image/png')
23          // img 为图片信息
24          _this.$set(_this.imgList, url, img)
25        }, 10)
26      }, false)
27    },
Copy