微信小程序中广告自定义组件之媒体音频播放组件 audio 详解

<audio controls loop poster=&#39;{{poster}}&#39; name=&#39;{{name}}&#39; author=&#39;{{author}}&#39; src=&#39;{{src}}&#39; id=&#39;audioID&#39;/>

<button size=&#39;mini&#39;  bindtap="audioPlay" > 播放</button>

<button bindtap="audioPause" size=&#39;mini&#39;>暂停</button>

Page({

  data: {

    poster: 'http://y.gtimg-/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',

    name: '此时此刻',

    author: '许巍',

    src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',

  },

  /**获取 audio上下文audioContext对象 */

  onReady: function () {

    // 使用API: wx.createAudioContext 获取 此音频组件的 上下文对象

    this.audioCtx = wx.createAudioContext('audioID')

  },

  /**播放 */

  audioPlay: function() {

    this.audioCtx.play();

  },

  /**暂停 */

  audioPause : function() {

    this.audioCtx.pause();

  }

})

/**跳转播放到20秒 */

  audio20: function () {

    this.ctx.seek(20);

  }