因為誤打誤撞來到了淘寶直播團隊，從開始完全不了解直播技術，現在因為暫時的離開ts流媒體格式播放器，準備接手h5播放器的迭代，就不得不開始了解相關的視頻技術，先整理一下在直播技術中的視頻格式和不同瀏覽器的兼容性。
直播協議HLS和RTMP
直播技術一般有兩種協議方式，分別是HLS和RTMP
總結下來就是RTMP是Adobe公司推出的基于flash的實時視頻消息傳輸協議，服務端和用戶端通過flash建立長鏈接，并實時進行消息的推送、傳輸和接收然后播放，對應的視頻播放格式是flv。而HLS就是apple公司為了消滅flash（因為老喬一直以來對flash的抵制和ios對flash的不支持）自己定義的一套替代flash的視頻解決方案。服務器和用戶端通過不停的接收視頻片段（每個片段都通過一次http請求）來播放，對應的視頻播放格式是m3u8，其中m3u8只是一個表示視頻片段地址的純文本，用來加載一個個的.ts視頻文件。
HLS和RTMP的利弊
兩種協議各有利弊，具體的在本篇中不展開了，就我所知的RTMP協議延遲低，協議本身設計簡潔，適合實時性較高的網絡直播，HLS是http請求，所以可以用cdn緩存等方式加快傳輸，但是因為是視頻片段，容易被跳過，所以如果有強制廣告要求的話也可能被跳過。但是RTMP因為占用的網絡端口是1935，如果以后瀏覽器的一些新安全機制就有可能block所有80端口以外的連接，也有安全性問題。
flv和m3u8格式的瀏覽器兼容性移動端
因為蘋果公司對flash的強烈抵制以及自己定的視頻協議，所以在ios端原生支持m3u8格式的視頻播放而不支持flv的播放，而且因為蘋果在移動端的領頭作用ts流媒體格式播放器，所以其他移動端包括瀏覽器也都原生支持m3u8格式的視頻播放。
PC端
pc端因為歷史原因，在hls之前都是用flash播放視頻，后來隨著html5的普及，可以用原生的video標簽來播放mp4、ogg、webm等視頻格式的播放，但是對于直播格式m3u8（除了）和flv都不能支持播放。所以現在pc端普遍的做法還是通過flash來播放m3u8和flv格式的視頻。
MSE
但是因為flash的淘汰正在加速，也比較有決心，比如我就發現現在播放flash視頻已經要手動點擊允許了。加上media 在高端瀏覽器已經被支持，就可以直接在瀏覽器端就實現視頻格式的轉換。MSE是一個可以通過js控制瀏覽器視頻源文件的api，有了這個api我們就可以通過js在瀏覽器端對視頻進行轉碼及處理并提供給video標簽了。B站已經開源了一個flv播放器flv.js，原理就是通過解析視頻源，然后進行視頻源解碼轉換成mp4格式，然后通過mse丟在video原生標簽里播放，同理也有hls.js對m3u8格式的視頻進行轉碼在pc端播放。
via：
