使用hls.js转换视频PTS单位为秒时出现误差的技术咨询

我之前在做HLS时移播放器的时候也踩过类似的PTS转换坑，咱们来一步步拆解问题根源和解决办法：

核心问题：你误用了原始PTS的基准 #

MPEG-TS的PTS确实是基于90kHz时钟，但原始PTS的起始点并不是流的播放起始时间——很多流媒体服务器会给PTS设置一个初始偏移（比如基于UTC绝对时间转换，或者服务器内部的时间戳基准），直接除以90000得到的是这个基准点到当前的时间，而不是流实际播放的时长。

你遇到的初始1.46秒误差，本质就是这个初始偏移值：132000 / 90000 ≈ 1.466s，这个值其实是流的起始PTS相对于服务器基准点的偏移，而非流已经播放的时间。而随着视频时长增加误差变大，大概率是因为你没有用流的起始PTS做基准，而是直接用当前PTS计算，导致播放器的播放时间（从0开始）和真实流时间的差值越来越大。

解决步骤 #

1. 获取流的真实起始PTS #

首先要拿到流第一个片段的PTS，作为整个流的时间基准：

let streamStartPts = null;
const hls = new Hls();

// 监听清单解析完成事件，获取第一个片段的起始PTS
hls.on(Hls.Events.MANIFEST_PARSED, () => {
  const firstLevel = hls.levels[0];
  if (firstLevel?.details?.fragments?.length > 0) {
    streamStartPts = firstLevel.details.fragments[0].pts;
    console.log("流起始PTS:", streamStartPts);
  }
});

2. 计算用户接入时的真实偏移时间 #

当用户首次接入播放器（比如触发PLAYING事件时），获取当前播放片段的PTS，计算此时流已经播放的真实时长：

let userAccessOffset = 0; // 用户接入时，流已播放的时间（秒）

hls.on(Hls.Events.PLAYING, () => {
  if (!streamStartPts) return;
  // 获取当前播放的PTS（可以通过当前片段的pts，或者hls校准后的时间）
  const currentLevel = hls.currentLevel;
  const currentFragment = hls.levels[currentLevel].details.fragments.find(frag => frag.loaded);
  if (currentFragment) {
    userAccessOffset = (currentFragment.pts - streamStartPts) / 90000;
    console.log("用户接入时流已播放时长:", userAccessOffset);
  }
});

3. 实时计算并显示时移时间范围 #

播放器的currentTime是从用户接入开始计算的播放时长，我们只需要把它和userAccessOffset结合，就能得到真实的时间范围：

// 格式化时间为mm:ss或hh:mm:ss格式
function formatTime(seconds) {
  const hours = Math.floor(seconds / 3600);
  const minutes = Math.floor((seconds % 3600) / 60);
  const secs = Math.floor(seconds % 60);
  if (hours > 0) {
    return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
  }
  return `${minutes}:${secs.toString().padStart(2, '0')}`;
}

// 实时更新显示
setInterval(() => {
  if (!streamStartPts || !userAccessOffset) return;
  const playerCurrentTime = hls.media.currentTime;
  const startTime = userAccessOffset;
  const endTime = userAccessOffset + playerCurrentTime;
  // 更新DOM显示
  document.getElementById("timeRange").textContent = `${formatTime(startTime)} - ${formatTime(endTime)}`;
}, 1000);

额外注意事项 #

• 处理PTS不连续：有些HLS流的片段PTS可能存在跳跃，HLS.js会自动校准这些不连续，所以尽量使用HLS.js提供的片段PTS（而非自己解析TS包的PTS），避免计算误差。
• 验证基准正确性：可以查看M3U8清单中的EXT-X-PROGRAM-DATE-TIME标签（如果有的话），这个标签对应片段的绝对时间，你可以用它来验证计算出的真实时长是否准确。
• 避免直接用原始PTS计算：永远以流的第一个片段PTS为基准做差值计算，不要直接用原始PTS除以90000，否则会引入服务器的基准偏移误差。

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