收藏
回答

canvas getContext2D drawImage无法绘制video(m3u8格式)

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvas 微信安卓客户端 8.0.16 2.13.0
draw() {
    const w = 300
    let h = 200
    const dpr = wx.getSystemInfoSync().pixelRatio
    wx.createSelectorQuery().select('#myVideo').context(res => {
      console.log('select video', res)
      const video = this.video = res.context
      wx.createSelectorQuery().selectAll('#cvs1').node(res => {
        console.log('select canvas', res)
        const ctx1 = res[0].node.getContext('2d')
        // console.error(ctx1)
        res[0].node.width = w * dpr
        res[0].node.height = h * dpr


        setInterval(() => {
          ctx1.drawImage(video, 0, 0, 960, 720, 0, 0, h * dpr, w * dpr);
        }, 1000 / 24)
      }).exec()
    }).exec()
  },
回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容