tencent cloud

// audio.js
Page({
  onReady: function (e) {
    // Uses wx.createAudioContext to get the audio context
    this.audioCtx = wx.createAudioContext('myAudio')
  },
  data: {
    poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
    name: 'At The Moment',
    author: 'Xu Wei',
    src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
  },
  audioPlay: function () {
    this.audioCtx.play()
  },
  audioPause: function () {
    this.audioCtx.pause()
  },
  audio14: function () {
    this.audioCtx.seek(14)
  },
  audioStart: function () {
    this.audioCtx.seek(0)
  }
})

Page({
  data: {
    array: [{
      mode: 'scaleToFill',
      text: 'scaleToFill: Scales the image without preserving the aspect ratio, stretching it to fill the image element completely. '
    }, {
      mode: 'aspectFit',
      text: 'aspectFit: Scales the image while preserving the aspect ratio, ensuring the entire image is visible (long side fits).'
    }, {
      mode: 'aspectFill',
      text: 'aspectFill: Scales the image while preserving the aspect ratio, ensuring the short side fits, potentially cropping the long side.'
    }, {
      mode: 'top',
      text: 'top: Does not scale the image, only shows the top part.'
    }, {
      mode: 'bottom',
      text: 'bottom: Does not scale the image, only shows the bottom part.'
    }, {
      mode: 'center',
      text: 'center: Does not scale the image, only shows the center part.'
    }, {
      mode: 'left',
      text: 'left: Does not scale the image, only shows the left part.'
    }, {
      mode: 'right',
      text: 'right: Does not scale the image, only shows the right part.'
    }, {
      mode: 'top left',
      text: 'top left: Does not scale the image, only shows the top-left part.'
    }, {
      mode: 'top right',
      text: 'top right: Does not scale the image, only shows the top-right part.'
    }, {
      mode: 'bottom left',
      text: 'bottom left: Does not scale the image, only shows the bottom-left part.'
    }, {
      mode: 'bottom right',
      text: 'bottom right: Does not scale the image, only shows the top-right part.'
    }],
    src: 'https://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg'
  },
  imageError: function(e) {
    console.log('An error event is triggered in image3, and the carried value is', e.detail.errMsg)
  }
})

function getRandomColor() {
  const rgb = []
  for (let i = 0; i < 3; ++i) {
    let color = Math.floor(Math.random() * 256).toString(16)
    color = color.length === 1 ? '0' + color : color
    rgb.push(color)
  }
  return '#' + rgb.join('')
}

Page({
  onShareAppMessage() {
    return {
      title: 'video',
      path: 'page/component/pages/video/video'
    }
  },

  onReady() {
    this.videoContext = wx.createVideoContext('myVideo')
  },

  onHide() {

  },

  inputValue: '',
  data: {
    src: '',
    danmuList:
    [{
      text: 'The on-screen comment that appears in the first second',
      color: '#ff0000',
      time: 1
    }, {
      text: 'The on-screen comment that appears in the third second',
      color: '#ff00ff',
      time: 3
    }],
  },

  bindInputBlur(e) {
    this.inputValue = e.detail.value
  },

  bindButtonTap() {
    const that = this
    wx.chooseVideo({
      sourceType: ['album', 'camera'],
      maxDuration: 60,
      camera: ['front', 'back'],
      success(res) {
        that.setData({
          src: res.tempFilePath
        })
      }
    })
  },

  bindVideoEnterPictureInPicture() {
    console.log('Enters picture-in-picture mode')
  },

  bindVideoLeavePictureInPicture() {
    console.log ('Exits picture-in-picture mode')
  },

  bindPlayVideo() {
    console.log('1')
    this.videoContext.play()
  },
  bindSendDanmu() {
    this.videoContext.sendDanmu({
      text: this.inputValue,
      color: getRandomColor()
    })
  },

  videoErrorCallback(e) {
    console.log ('Video error message: ')
    console.log(e.detail.errMsg)
  }
})