WeChat Mini-Programm: Position des Videofeuers zufällig

<!--pages/study/video/videoplay/videoplay.wxml-->
<Klasse anzeigen="Seitentext">
  <view Klasse="Seitenabschnitt tc">
    <Video 
      id="meinVideo" 
      Quelle: „http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400“ 
      binderror="videoErrorCallback" 
      danmu-list="{{danmuList}}" 
      aktivieren-danmu 
      danmu-btn 
      show-center-play-btn='{{false}}' 
      anzeigen-abspielen-btn="{{true}}" 
      Bedienelemente
      Bild-im-Bild-Modus="{{['push', 'pop']}}"
      bindenterpictureinpicture='bindVideoEnterPictureInPicture'
      bindleavepictureinpicture='bindVideoLeavePictureInPicture'
    ></video>
    <view style="margin: 30rpx auto" class="weui-label">Aufzählungskommentarinhalt</view>
    <input bindblur="bindInputBlur" class="weui-input" type="text" placeholder="Geben Sie hier den Aufzählungsinhalt ein" />
    <button style="margin: 30rpx auto" bindtap="bindSendDanmu" class="page-body-button" type="primary" formType="submit">Sende Danmu</button>
    <navigator style="margin: 30rpx auto" url="Bild-im-Bild" hover-class="anderer-navigator-hover">
      <button type="primary" class="page-body-button" bindtap="bindPlayVideo">Kleiner Fenstermodus</button>
    </navigator>
  </Ansicht>
</Ansicht>

// Seiten/Studie/Video/Videoplay/Videoplay.js
var das;
Funktion getRandomColor() {
  const rgb = []
  für (sei i = 0; i < 3; ++i) {
    lass Farbe = Math.floor(Math.random() * 256).toString(16)
    Farbe = Farbe.Länge === 1 ? '0' + Farbe : Farbe
    rgb.push(Farbe)
  }
  returniere '#' + rgb.join('')
}
 
Seite({
  beiShareAppMessage() {
    zurückkehren {
      Titel: 'Video',
      Pfad: „Seite/Komponente/Seiten/Video/Video“
    }
  },
 
  onReady() {
    das = dies;
    this.videoContext = wx.createVideoContext('meinVideo')
  },
 
  beimAusblenden() {
 
  },
 
  Eingabewert: '',
  Daten: {
    Quelle: '',
    danmuListe:
    [{
      Text: 'Der erste Aufzählungskommentar',
      Farbe: '#ff0000',
      Zeit: 1
    }, {
      Text: 'Das Sperrfeuer, das in der 3. Sekunde auftrat',
      Farbe: '#ff00ff',
      Zeit: 3
    }],
  },
 
  bindInputBlur(e) {
    dieser.Eingabewert = e.Detail.Wert
  },
 
  bindButtonTap() {
    const das = dies
    wx.wählenVideo({
      Quelltyp: ['Album', 'Kamera'],
      maxDuration: 60,
      Kamera: ['vorne', 'hinten'],
      Erfolg(res) {
        dass.setData({
          Quelle: res.tempFilePath
        })
      }
    })
  },
 
  bindVideoEnterPictureInPicture() {
    console.log('In den Kleinfenstermodus wechseln')
  },
 
  bindVideoLeavePictureInPicture() {
    console.log('Kleinen Fenstermodus beenden')
  },
 
  bindPlayVideo() {
    dies.videoContext.play()
  },
  bindSendDanmu() {
    //Verwende Schleifen und Zufallszahlen, um die Position anzupassen var ranNum = Math.floor(Math.random()*10);
    var danmuList = [];
    für (let index = 0; index < 10; index++) {
      danmuList.push('');
    }
    danmuList[ranNum] = dieser.Eingabewert;
    für (let index = 0; index < danmuList.length; index++) {
      this.videoContext.sendDanmu({
        Text: danmuList[index],
        Farbe: '#ff0000'
      });
    }
  },
 
  videoErrorCallback(e) {
    console.log('Video-Fehlermeldung:')
    console.log(e.detail.errMsg)
  }
})