自定义JS多TCP连接MP4播放器：如何根据时间戳请求对应字节范围

要实现Seek功能，核心是解析MP4元数据中的时间-字节映射关系，不需要第三方库的话，你得手动处理MP4的box结构，以下是具体步骤：

1. 先获取并解析MP4的moov盒子 #

moov是MP4的核心元数据盒子，里面存了所有轨道（视频/音频）的时间戳与字节位置的对应关系。你需要先拿到这个盒子：

• 优先请求文件的前几KB（比如128KB），因为大部分MP4的moov都放在文件开头。如果没找到，就请求文件末尾的64KB左右，MP4的文件末尾通常会有moov的位置标记，解析后再请求对应字节范围获取完整moov。
• 解析moov下的关键子盒子：
  • stts：存储时间戳到样本数的映射，用来把用户Seek的时间转成对应的媒体样本序号。
  • stsc：记录样本到数据块（chunk）的映射，告诉你某个样本属于哪个数据块。
  • stsz：存储每个媒体样本的字节大小，用来计算样本的累计字节偏移。
  • stco（或co64）：存储每个数据块的起始字节偏移，64位偏移用co64。

2. 将目标时间戳转换为媒体样本序号 #

MP4的时间刻度由轨道mdhd盒子里的timescale决定（比如timescale=1000代表1秒对应1000个时间单位）：

1. 把用户Seek的时间（比如5.2秒）转换成MP4的时间单位：目标时间戳 = 5.2 * timescale。
2. 遍历stts的表项，累加每个表项的样本持续时间，找到包含目标时间戳的区间，算出对应的样本序号。

3. 通过样本序号定位字节范围 #

1. 用stsc找到该样本所属的数据块，以及该块内的样本偏移。
2. 用stsz计算从第一个样本到目标样本的累计字节数，再加上stco（或co64）里的对应数据块起始偏移，得到目标样本的起始字节位置。
3. 结合你按1MB/2MB分段下载的逻辑，把这个起始字节向上对齐到你分段的起始边界（比如起始字节是1.3MB，就请求从1MB开始的片段），然后用HTTP Range头发起请求，格式如Range: bytes=1048576-（1MB对应的字节数）。

注意事项 #

• 要区分视频轨道和音频轨道，两者的元数据是分开的，Seek时需要同时处理对应时间的音视频样本位置。
• 处理64位字节偏移的情况，当文件大于4GB时会用co64代替stco，解析时要判断盒子类型。
• 如果请求的片段包含目标样本，下载完成后就可以把当前播放位置跳转到该样本对应的时间点，继续播放。

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