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

HTML5中的`<audio>`元素用于在网页上嵌入音频内容，并提供了丰富的API来控制音频的行为。以下是关于音频暂停、播放、进度条以及调整播放速度的基本操作：

1. **播放与暂停**：
- 使用JavaScript，你可以通过`audio.play()`来开始播放音频，如果音频已暂停则会继续播放。
- `audio.pause()`可以暂停正在播放的音频。

2. **进度条和播放时间**：
- 可以通过`audio.currentTime`属性获取当前播放的时间（秒），`audio.duration`获取总长度。
- HTML5 `<audio>`有一个内置的控件，其中包括一个进度条，用户可以直接拖动它来快进或后退。

3. **设置播放速度**：
- 使用`audio.playbackRate`属性，可以改变音频的播放速度。例如，`audio.playbackRate = 1.5`表示将音速加快到1.5倍。

// 示例代码：
const audio = new Audio('path_to_your_audio.mp3');
audio.addEventListener('canplaythrough', function() {
  audio.play(); // 开始播放
});

function togglePlayPause() {
  if (audio.paused) {
    audio.play();
  } else {
    audio.pause();
  }
}

function seekToTime(time) {
  audio.currentTime = time;
}

function setPlaybackSpeed(speed) {
  audio.playbackRate = speed;
}