微信小程序開發中如何使用wx.createAudioContext創建并返回audio上下文audioContext對象

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

wx.createAudioContext(audioId)

創建并返回 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">設置當前播放時間為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)
  }
})

小程序的優勢是什么

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

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