經(jīng)過(guò)小編暴風(fēng)式搜索后找到三款常用并且支持實(shí)時(shí)流媒體播放的客戶端插件（hls.js、video.js、vue-video-player），下面我們一個(gè)個(gè)道來(lái)。

hls.js

hls.js是一個(gè)可以實(shí)現(xiàn)HTTP實(shí)時(shí)流媒體客戶端的js庫(kù)，主要依賴于<video></<video>標(biāo)簽和Media Source Extensions API。它的工作原理是將MPEG2傳輸流和AAC/MP3流轉(zhuǎn)換成ISO BMFF (MP4)片段。由于hls.js是基于標(biāo)準(zhǔn)的<video></<video>標(biāo)簽實(shí)現(xiàn)播放，所以它不需要額外的播放器。

優(yōu)點(diǎn)： 包比較小，很純凈，UI可以根據(jù)自己的業(yè)務(wù)自行擴(kuò)展，功能可以根據(jù)需求進(jìn)行封裝，比較靈活，而且專業(yè)直播HLS協(xié)議流。

缺點(diǎn)： 對(duì)于常規(guī)的通用性播放器沒(méi)有封裝好的UI，功能上也需要自己調(diào)API實(shí)現(xiàn)，協(xié)議單一，只支持HLS。

video.js

video.js是一個(gè)基于h5的網(wǎng)絡(luò)視頻播放器，支持h5視頻、現(xiàn)代流媒體格式（MP4、WebM、HLS、DASH等）以及YouTube、Vimeo，甚至連flash也支持(通過(guò)插件實(shí)現(xiàn)，后面會(huì)詳細(xì)說(shuō)明)，可在桌面端或移動(dòng)端實(shí)現(xiàn)視頻播放。

優(yōu)點(diǎn)： 支持多種格式的流媒體播放，瀏覽器不支持時(shí)可實(shí)現(xiàn)優(yōu)雅降級(jí)；專門有一套針對(duì)直播流的UI；插件機(jī)制強(qiáng)大，目前社區(qū)已有數(shù)百個(gè)皮膚和插件供下載；兼容性好，幾乎支持所有桌面及移動(dòng)端的瀏覽器。

缺點(diǎn)： 包比較大，實(shí)現(xiàn)hls直播的時(shí)候其實(shí)是內(nèi)嵌了hls.js的代碼，由于封裝好UI和功能，使其不夠靈活，修改UI時(shí)需要通過(guò)插件實(shí)現(xiàn)。

vue-video-player

vue-video-player其實(shí)就是將video.js集成到了Vue中，在Vue項(xiàng)目中使用起來(lái)會(huì)更方便。