audioElement.currentTime始终为0致暂停功能失效，求解决方案

你推测的audioElement.currentTime始终被设为0是关键线索，这类问题大多源于Audio实例重复创建或播放状态逻辑错误，以下是针对性修复方案：

1. 避免重复初始化Audio实例 #

如果你的点击事件里每次都新建Audio对象，暂停操作会直接失效——因为你暂停的是新创建的、进度为0的音频实例，而非正在播放的那个。必须将audioElement放在全局作用域初始化：

错误示例：

playPauseBtn.addEventListener('click', () => {
  // 每次点击都新建实例，之前的播放状态完全丢失
  const audioElement = new Audio('./track.mp3');
  if (isPlaying) {
    audioElement.pause();
    isPlaying = false;
  } else {
    audioElement.currentTime = 0;
    audioElement.play();
    isPlaying = true;
  }
});

修复后：

// 全局作用域初始化唯一的Audio实例
const audioElement = new Audio('./track.mp3');
let isPlaying = false;

playPauseBtn.addEventListener('click', () => {
  if (isPlaying) {
    audioElement.pause();
    isPlaying = false;
  } else {
    // 仅在首次播放或需要重置时设置currentTime=0，继续播放时保留进度
    // audioElement.currentTime = 0; // 移除不必要的重置逻辑
    audioElement.play();
    isPlaying = true;
  }
});

2. 同步播放状态与Audio原生事件 #

仅靠按钮点击更新isPlaying可能出现状态不同步（比如用户通过浏览器音频控件暂停），建议监听Audio的原生事件自动同步状态：

audioElement.addEventListener('play', () => {
  isPlaying = true;
});

audioElement.addEventListener('pause', () => {
  isPlaying = false;
});

3. 排查currentTime的强制重置逻辑 #

检查代码中所有设置audioElement.currentTime = 0的位置，确保只有在切换歌曲或主动重置播放时才执行该操作，不要在暂停/继续播放的分支里误加重置逻辑。

内容的提问来源于stack exchange，提问作者VISHESH GUPTA