小程序多音频播放进度条问题

真的脑子疼，小程序的音频组件居然没有进度控制的功能，网上的方法又很少，逻辑通了就好写了。
1.所有音频播放、停止按钮使用状态切换控制
2.当点击某个音频播放时，首先将所有音频的状态置为停止状态，然后将当前音频置为播放状态
3.滚动条插件配合音频控件一起使用
4.播放状态时滚动条的长度随音频进度变化而变化，时间也要显示
5.拖动滚动条时，音频的当前时间随滚动条变化而变化
6.

1.wxml

<text class="left_text">{
   {
   item.currentProcess}}</text>
                <slider class="slider_middle" bindchange="changeSlide" bindtouchstart="start" bindtouchend="end" max="{
   {
   item.totalProcessNum}}" min="0" value="{
   {
   item.currentProcessNum}}" disabled="{
   {
   item.canSlider}}"  block-size    ="18" data-index="{
   {
   index}}"></slider>
                <text class="right_text">{
   {
   item.totalProcess}}</text>
                <image class="audio_btn" wx:if="{
   {!item.showAudio}}