侧边栏壁纸
  • 累计撰写 22 篇文章
  • 累计创建 3 个标签
  • 累计收到 1 条评论

目 录CONTENT

文章目录

通过视频url,获取缩略图

UUICE
2019-06-20 / 1 评论 / 0 点赞 / 1015 阅读 / 1048 字
    getVideoImg (url) {
      let _this = this
      // 创建视频对象
      let video = document.createElement('video')
      video.src = url
      video.width = 503
      video.height = 295
      video.setAttribute('crossOrigin', 'Anonymous')
      video.autoplay = true
      // video.play() // 开始播放
      video.addEventListener('loadeddata', () => {
        setTimeout(() => {
          let canvas = document.createElement('canvas')
          canvas.width = 503
          canvas.height = 503
          let ctx = canvas.getContext('2d')
          let imgHeight = video.videoHeight
          let imgWidth = video.videoWidth
          // canvas.width = imgWidth
          // canvas.height = imgHeight
          ctx.drawImage(video, 0, 0, imgWidth, imgHeight, 0, 0, video.width, video.width)
          let img = canvas.toDataURL('image/png')
          // img 为图片信息
          _this.$set(_this.imgList, url, img)
        }, 10)
      }, false)
    },
0

评论区