今天做微信小程序涉及到播放音频文件：

使用audio标签来绑定音频路径

<audio id='audioid' src='{{vidioUrl}}' binderror="audioError" bindplay="audioPlay" bindeneded="playEnd" bindtimeupdate="timeUpdate"> </audio>  

目前没有做到播放下一首的功能，只有暂停和播放。 
最上面的播放条是通过progress的percent来实现的，

<progress percent="{{currtRate}}" stroke-width="2" activeColor="#ffd200" backgroundColor="#bcbcbc"  />  

通过currtRate来实现播放条的已播放长度

界面：

<view class="ub-ver info-container" style="height:5em;">  
 <!-- 音频播放 -->  
     <view class='ub fonts12 align-items-center' >  
     <view>{{currentTime}}</view>  
     <view class="umw-6"></view>  
     <view class='ub-f1'>  
       <progress percent="{{currtRate}}" stroke-width="2" activeColor="#ffd200" backgroundColor="#bcbcbc"