h5 audio 暂停、播放、进度条、倍速 vue

H5的`audio`元素在Vue中可以方便地控制音频的暂停、播放、进度更新以及设置播放速度。以下是基本操作的说明：

1. **播放与暂停**:
- 使用`play()`方法播放音频，例如：

     <button @click="playAudio">播放</button>
     <button @click="pauseAudio">暂停</button>

- `暂停Audio() { this.audioElement.pause(); }`
- `playAudio() { this.audioElement.play(); }`

2. **进度条控制**:
- 可以通过`currentTime`属性获取当前播放时间，通过修改它来前进或后退：

     getProgress() {
       return this.audioElement.currentTime / this.audioElement.duration;
     },
     seekTo(time) {
       this.audioElement.currentTime = time;
     }

- 然后在HTML中显示进度条，并绑定到计算出的百分比。

3. **设置播放速度**:
- 音频元素有一个` playbackRate`属性，用于改变播放速率：

     setPlaybackSpeed(speed) {
       this.audioElement.playbackRate = speed;
     }

- 在按钮点击事件中改变这个值即可实现倍速播放。