如何使用JavaScript修改音频播放器的实际当前播放位置

你之前的操作仅修改了滑块UI的视觉样式，没有触及底层的音频播放控制逻辑，所以无法变更实际播放进度。Pocket Casts网页版使用标准HTML5 <audio> 元素实现音频播放，你只需要修改该元素的currentTime属性即可调整真实播放位置。

具体操作代码 #

直接跳转至指定秒数（比如跳转至2分15秒，即135秒处）：

// 获取页面内的音频播放元素
const audioElement = document.querySelector('audio');
if (audioElement) {
  // 赋值为要跳转到的秒数即可
  audioElement.currentTime = 135;
}

如果需要按比例跳转（比如跳转至总进度的30%位置）：

const audioElement = document.querySelector('audio');
if (audioElement && !isNaN(audioElement.duration)) {
  audioElement.currentTime = audioElement.duration * 0.3;
}

修改currentTime后，播放器会自动同步滑块的显示位置，不需要手动修改滑块样式。

内容的提问来源于stack exchange，提问作者Joe Mckinstry