uniapp音频进度条怎么做

<template><view><audio :src="audioSrc"></audio><slider v-model="currentTime" :max="duration"></slider></view></template><script>  export default {    data() {      return {        audioSrc: 'your-audio-src',        duration: 0,        currentTime: 0,        timeUpdate: null      }    },    mounted() {      this.initAudio()    },    methods: {      initAudio() {        let audio = uni.createInnerAudioContext()        audio.src = this.audioSrc        audio.onTimeUpdate(() => {          this.duration = audio.duration          this.currentTime = audio.currentTime        })        audio.play()        this.timeUpdate = setInterval(() => {          this.currentTime = audio.currentTime        }, 500)      },      updateTime(e) {        this.currentTime = e.detail.currentTime        this.duration = e.detail.duration      },      changeTime(e) {        let audio = uni.createInnerAudioContext()        audio.src = this.audioSrc        audio.seek(e.detail.value)      }    }  }</script><style scoped>  .uni-slider-wrapper {    height: 8px;    border-radius: 4px;    background-color: #ccc;  }   .uni-slider-track {    height: 8px;    border-radius: 4px;    background-color: #1cbbb4;  }   .uni-slider-thumb {    border-radius: 12px;    background-color: #1cbbb4;  }</style>