微信小程序開發(fā)中如何使用wx.createAudioContext創(chuàng)建并返回audio上下文audioContext對象

這篇文章主要為大家展示了微信小程序開發(fā)中如何使用wx.createAudioContext創(chuàng)建并返回audio上下文audioContext對象，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“微信小程序開發(fā)中如何使用wx.createAudioContext創(chuàng)建并返回audio上下文audioContext對象”這篇文章吧。

wx.createAudioContext(audioId)

創(chuàng)建并返回 audio 上下文audioContext對象

audioContext

audioContext通過 audioId 跟一個 audio 組件綁定，通過它可以操作一個 audio 組件。

audioContext對象的方法列表：

示例代碼：

<!-- audio.wxml --><audio  src="{{src}}" id="myAudio" ></audio><button type="primary" bindtap="audioPlay">播放</button><button type="primary" bindtap="audioPause">暫停</button><button type="primary" bindtap="audio14">設(shè)置當(dāng)前播放時間為14秒</button><button type="primary" bindtap="audioStart">回到開頭</button>

// audio.jsPage({
  onReady: function (e) {// 使用 wx.createAudioContext 獲取 audio 上下文 contextthis.audioCtx = wx.createAudioContext('myAudio')    this.audioCtx.setSrc('http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46')
    this.audioCtx.play()
  },
  data: {    src: ''
  },
  audioPlay: function () {this.audioCtx.play()
  },
  audioPause: function () {this.audioCtx.pause()
  },
  audio14: function () {this.audioCtx.seek(14)
  },
  audioStart: function () {this.audioCtx.seek(0)
  }
})

小程序的優(yōu)勢是什么

小程序相對于開發(fā)者來說，開發(fā)難度較低，可節(jié)約開發(fā)和運營成本，讓開發(fā)者可以快速地開發(fā)一個小程序。并且小程序可在微信內(nèi)被便捷地獲取和傳播，能夠滿足基礎(chǔ)的生活應(yīng)用，符合生活服務(wù)類線下商鋪以及非剛需低頻應(yīng)用的轉(zhuǎn)換。對于用戶而言，能夠節(jié)約使用時間成本和手機內(nèi)存空間，同時具有優(yōu)異的使用體驗。

以上就是關(guān)于“微信小程序開發(fā)中如何使用wx.createAudioContext創(chuàng)建并返回audio上下文audioContext對象”的內(nèi)容，如果該文章對您有所幫助并覺得寫得不錯，勞請分享給您的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注億速云行業(yè)資訊頻道。