小程序--音频播放

这篇是关于页面跳转之后能看到另一个页面的音频效果

<view class="title" bindtap='music'>

    <image src='../../../../images/updata.png'></image>

    <text>音频播放</text>

    <image src="../../../../images/200.png" style='margin-left:355rpx;'></image>

</view>

music:function(){

  wx.navigateTo({

  url: /*要跳转页面的url地址*/

})

},

<!-.wxml文件-->

<audio poster='{{poster}}' name='{{name}}' author='{{author}}' src='{{src}}' id='myAudio' controls loop></audio>

<view class='btn' style='display:flex'>

    <button type='primary'bindtap='audioPlay'>播放</button>

    <button type='warn' bindtap='audioPause'>暂停</button>

    <button type='default' bindtap='audio15'>当前播放时间</button>

   <button type='primary' bindtap='audioStart'>回到开头</button>

</view>

<!--.js文件-->

Page({

  data: {

  poster: '../../../../images/yt.jpg',  /*音频封面的资源地址*/

  name:'光年之外',                      /*控件上的音频名字*/

  author:'邓紫棋',                        /*控件上的音频作者*/

  src:'../../../../mp3/1.mp3'          /*要播放音频的资源地址*/

},

audioPlay:function(){    /*当开始播放时触发play事件*/

    this.audioCtx.play()

},

audioPause:function(){  /*当暂停时触发pause事件*/

   this.audioCtx.pause()

},

audio15:function(){  /*当前十五秒开始播放时,触发audio15事件*/

this.audioCtx.seek(15)

},

audioStart:function(){ /*开始播放时*/

    this.audioCtx.seek(0)

},

onReady: function () {

    this.audioCtx = wx.createAudioContext('myAudio') /*使用wx.createAudioContext获取audio上下文context*/

},

}）