Wavesurfer可选中区域循环播放

1、引入组件

import Wavesurfer from '@/components/Wavesurfer'

export default {
  name: 'App',
  components: { Wavesurfer },
  data: () => ({
    fileUrl: ''
  }),
  methods: {
    playVoice(fileUrl) {
      this.fileUrl= fileUrl
      this.$refs.playAudio.playAu()
    }
  }
}

2、 使用

    <div class="wave">
      <Wavesurfer btnShow :height="22" :filePath="fileUrl" ref="playAudio" />
    </div>

    <el-button @click="playVoice(fileUrl)" type="primary" plain>调听</el-button>
           

3、组件

<template>
  <div class="waveSurfer">
    <div ref="wavesurfer" id="waveform">
      <progress id="progress" class=&#