Wie verwende ich wx.createInnerAudioContext im WeChat-Applet?

Wie verwende ich wx.createInnerAudioContext im WeChat-Applet? Der folgende Artikel stellt Ihnen die Verwendung von wx.createInnerAudioContext vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Baidu, viele verwenden createAudioContextFür die Verwendung von createInnerAudioContext Es gibt Relativ wenige, aber es heißt eine aktualisierte Version. Nachdem ich darüber nachgedacht hatte, entschied ich mich für die Verwendung von createInnerAudioContext, was besser ist.

Der WXML-Code lautet wie folgt:

<!--当前为停止状态  -->
<view style="width:250rpx;height:250rpx;left:250rpx;top:12rpx;position:relative;" wx:if="{{isplay==false}}" bindtap=&#39;play&#39;>
  <image style="width:100%;height:100%;border-radius:50%;" src=&#39;http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000&#39; />
  <image src=&#39;../image/play.png&#39; style="width:100rpx;height:100rpx;position:absolute;left:75rpx;top:75rpx;"></image>
</view>
<!--当前为播放状态  -->
<view style="width:250rpx;height:250rpx;left:250rpx;top:12rpx;position:relative;" wx:if="{{isplay==true}}" bindtap=&#39;stop&#39;>
  <image style="width:100%;height:100%;border-radius:50%;" src=&#39;http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000&#39; />
  <image src=&#39;../image/stop.png&#39; style="width:100rpx;height:100rpx;position:absolute;left:75rpx;top:75rpx;"></image>
</view>
<slider style="width:500rpx;margin-left:125rpx;"></slider>

js-Code lautet wie folgt:

const myaudio = wx.createInnerAudioContext();
Page({
 
  data: {
    isplay: false,//是否播放
  },
  onShow: function () {
    myaudio.src = "http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46"
 
  },
  //播放
  play: function () {
 
    myaudio.play();
    console.log(myaudio.duration);
    this.setData({ isplay: true });
  },
  // 停止
  stop: function () {
    myaudio.pause();
    this.setData({ isplay: false });
  }
 
 
 
})

Das ist fast das einfachste, daher sieht die Schnittstelle wahrscheinlich so aus:

Fast fertig, die einfachste Funktion ist tatsächlich auf der offiziellen Website verfügbar, daher wird empfohlen, die Dokumente der offiziellen Website zu verwenden: Offizielles Website-Portal

Empfohlen: „Miniprogramm Entwicklungs-Tutorial》

Das obige ist der detaillierte Inhalt vonWie verwende ich wx.createInnerAudioContext im WeChat-Applet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!