b 站视频播放技术

我们经常看 b 站的视频，它就是典型的流媒体网站，就好奇它网站上的视频都是如何播放的，今天我就来研究一下。

b 站播放视频的特点

不知道大家有没有发现 b 站播放的视频是非常快的，基本上是点哪里就播放到哪里。

而且如果你上次看到某个位置，下次会从那个位置继续播放。

那么如果一个视频非常大的话，要想完整下载下来需要很久，怎么做到点到哪个位置就播放那个位置的视频呢。

只下载需要播放位置的视频

要想实现 b 站快速播放的能力，就要实现只下载播放位置的视频，也就是对应位置范围那个的视频。

也就是说我没你请求视频接口的时候，在请求的 headers 头上带上 Range 这个字段。

服务器返回的时候返回 206 状态码，还有Content-Range的 header 代表当前下载的是整个资源的哪一部分。

Content-Length 是当前内容的长度，而 Content-Range里是资源总长度和档期爱你资源分范围。

所以我们想看 b 站视频请求的时候，只需要把 206 状态码给过滤出来。

视频播放过程

我们根据 range 下载到对应位置视频，然后视频片段连接起来就可以播放了。视频提前分好段，这样在拉进度条的时候，计算出在哪个 range，然后就下载对应 range 视频片段进行播放。