这是一份超详细的阿里前端p6/p6+/p7的水平和素质参考路线，也可理解为知识图谱。 来自阿里淘系技术部的前端技术专家磐冲，总结了一下之前所有的面试经历，写下自己总结的方法，希望能给前端同学一个参考。

最近好奇主流视频网站的播放器似乎不是我们习惯的video标签加上src属性上一个mp4的url，基本清一色的以blob:开头的一个纯前端的地址，鉴于此对前端的一些流媒体播放做了一些调研，写了这篇文章

Dataset、DashJS、Bitmovin等很多。有生成MPD文件的，有播放的。 简述：MPEG-DASH协议是MPEG委员会提出，各大流媒体公司和组织共同制定的标准，全名Dynamic Adaptive Streaming over HTTP。目的是为Apple/Adob…

虽然 `video` 很强大，但是还有很多功能 `video` 并不支持，比如直播，即时切换视频清晰度，动态更新音频语言等功能。MSE（Media Source Extensions）就来解决这些问题

HLS (HTTP Live Streaming) 是苹果公司开发的流媒体传输协议，它使用 HTTP 来传输视频，可以防止被防火墙屏蔽。DASH 一种自适应比特率流技术。

如果你点了上面的地址。你就会发现，视频要加载几秒时间才能播放，虽然我已经使用的流媒体形式（下面会讲）。主要原因还是服务器带宽不够，像我这样个人服务器只有1M的速度，一个小短片15M的话就要加载十几秒才能开始播放。 像youku，B站 这种视频网站，虽然带宽高，但访问的人多，视频…