開源項目評測之Html5視頻播放器推薦

eb項目開發(fā)中視頻播放是一個非常常見的需求，需要播放器能夠支持pc端和移動端的使用，并且支持常見的視頻格式。我們從github上精選了5款優(yōu)秀的Html5 播放器插件分享給大家。（排名不分先后）

Ckplayer

ckplayer是一款在網(wǎng)頁上播放視頻的開源軟件，主要特點是：開源，功能強(qiáng)大，不依賴其它插件，二次開發(fā)方便。

ckplayer基于MIT協(xié)議開源。

ckplayer示例圖

當(dāng)家官網(wǎng)最新版本是X2，更新時間：2020.09.20。

軟件下載后，使用到的文件如下：

ckplayr 文件

一般項目只用到ckplayer.min.js 、ckplayer.swf、language.json、sytle.json 總大小不超過700k。

ckplayer 支持flv、mp4、m3u8、webm等。

功能上常用的播放控制、彈幕、貼片廣告都支持。

2、 Media-element.js

HTML5<audio>或<video>播放器，支持MP4、WebM和MP3，以及HLS、Dash、YouTube、Facebook、SoundCloud和其他具有通用HTML5 MediaElement API的播放器，在所有瀏覽器中實現(xiàn)一致的UI。

media-element.js 示例圖

支持視頻和音頻播放，主要強(qiáng)調(diào)在多終端上的界面一致性。

最新版本4.2.17，更新日期：2021-7-6

media-element 所需文件截圖

使用基本功能只需要mediaelement-and-player.min.js、renderers/vimeo.min.js、renderers/twitch.min.js，大小在300k左右，非常小巧。

重點：提供插件機(jī)制，通過插件可以實現(xiàn)常見的播放列表、AirPlay、位置標(biāo)記、視頻預(yù)覽等功能。

3、 VideoJs

開源HTML5和Flash視頻播放器。目前多很大廠在使用。官網(wǎng)宣稱世界上最流行的開源html5播放器。

video.js

支持的視頻格式有：mp4，webm，ogv。

最新版本7.14.3, 更新時間：2021-7-27

video.js 文件

文件大小約：700k。

4、 Dplayer

非?？蓯鄣膆tml5 彈幕視頻播放器。主打彈幕功能，支持MP4、HLS、FLV、WebTorrent播放，提供彈幕接口。

國人開發(fā)，有中文文檔。國內(nèi)很多公司在用。

最新版本v1.26.0 更新日期：2020-6-11

dplayer文件

基本功能使用文件大小161k. 另外也提供了很多插件供使用。

5、 Xgplayer

西瓜視頻播放器（HTML5）、一款帶解析器、能節(jié)省流量的HTML5視頻播放器。字節(jié)跳動提供的開源視頻播放器。

PC Web端支持直接播放mp4視頻，播放HLS、FLV、MPEG-DASH需要瀏覽器支持Media Source Extensions
iOS系統(tǒng)Web場景支持直接播放mp4和HLS，不支持播放FLV、MPEG-DASH
安卓系統(tǒng)Web場景支持直接播放mp4和HLS，播放FLV、MPEG-DASH需要瀏覽器支持Media Source Extensions

中文文檔寫得很非常全面。支持airplay、彈幕等功能。

支持視頻、音頻播放?；诓寮C(jī)制，提供了豐富的插件來擴(kuò)展播放器的功能。官網(wǎng)提供在線生成器來簡化各種參數(shù)的配置，如下圖：

推薦使用。

今天為大寫整理了5個優(yōu)秀的開源視頻播放器的內(nèi)容，后期會再更新各個播放器的詳細(xì)使用并進(jìn)行詳細(xì)的評測，謝謝大家。

年，直播行業(yè)煥發(fā)了第二春，越來越多團(tuán)隊投入直播行業(yè)，是采用開源的直播軟件，還是自行研發(fā)音視頻方案？如何實現(xiàn)用戶最關(guān)心也是互動直播的三大技術(shù)難題：“延時、畫面流暢性、直播清晰度。碼云上有非常不錯的開源直播軟件，希望能夠給大家?guī)聿灰粯又辈ゼ夹g(shù)思考。

如果大家有與視頻直播相關(guān)的開源項目，也可以托管到 Gitee 上，我們會及時給予推薦。最后，如果你很喜歡以下提到的項目，別忘了分享給其他人哦！

1、項目名稱：網(wǎng)頁視頻播放器 ckplayer

項目簡介：ckplayer (超酷網(wǎng)頁視頻播放器),支持 http 協(xié)議下的 flv，f4v，mp4，支持 rtmp 視頻流和 rtmp 視頻回放，支持 m3u8 格式，是你做視頻直播，視頻點播的理想播放器。

項目地址：https://gitee.com/niandeng/ckplayer

2、項目名稱：RTMP 直播播放器

項目簡介：HTML5 播放器、M3U8 直播和點播、RTMP 直播、低延遲、推流/播流地址鑒權(quán)、優(yōu)化瀏覽器兼容性，HLS+擴(kuò)展。

項目地址：https://gitee.com/Tinywan/html5-dash-hls-rtmp

3、項目名稱：神奇的播放器 yjPlay

項目簡介：一個支持自定義布局，多種加密算法，直播，亮度，音量，快進(jìn)等手勢，廣告視頻預(yù)覽，清晰度切換，自定義數(shù)據(jù)源，列表播放，倍數(shù)播放等功能的播放器。

項目地址：https://gitee.com/Tinywan/html5-dash-hls-rtmp

4、項目名稱：樹莓派驅(qū)動的b站直播點播臺

項目簡介：本項目基本編寫完畢，已經(jīng)有的功能為：

彈幕點歌、彈幕點MV、彈幕反饋（發(fā)送彈幕）。
舊版實現(xiàn)的視頻推流功能。
自定義介紹字幕、歌詞滾動顯示，同時滾動顯示翻譯歌詞、切歌。
顯示排隊播放歌曲，渲染視頻。
通過彈幕獲取實時cpu溫度。
閑時隨機(jī)播放預(yù)留歌曲。
播放音樂時背景圖片隨機(jī)選擇。
可點播b站任意視頻（會員限制除外，番劇根據(jù)b站規(guī)定，禁止點播）。
已點播歌曲、視頻自動進(jìn)入緩存，無人點播時隨機(jī)播放。
存儲空間達(dá)到設(shè)定值時，自動按點播時間順序刪除音樂、視頻來釋放空間。
實時顯示歌曲/視頻長度。
根據(jù)投喂禮物的多少來決定是否允許點播。

項目地址：https://gitee.com/Young_For_You/24h-raspberry-live-on-bilibili

5、項目名稱：直播播放器 SGPlayer

項目簡介：SGPlayer 是一款基于 AVPlayer、FFmpeg 的媒體資源播放器框架。支持360°全景視頻，VR視頻，RTMP、RTSP 等直播流；同時支持 iOS、macOS、tvOS 三個平臺。主要功能：

支持播放360°全景視頻。
支持手勢、傳感器操控360°全景視頻。
支持雙眼模式，具有畸變校正、色散校正。
支持 iOS、macOS、tvOS。
支持 RTMP、RTSP 等直播流。
支持選擇音頻軌道。
支持控制音頻輸出音量。
支持無損視頻截圖。
支持近所有常用媒體格式。
極簡的事件通知機(jī)制。

項目地址：https://gitee.com/libobjc/SGPlayer

圖網(wǎng)長期致力于web前端開發(fā)，難免會和各種視頻、音頻打交道，除了常見的mp4、mp3等格式，其實還有m3u8、oga等等其他沒有那么常見的格式，那么你都了解了嗎？下面介紹一下html5常見的音視頻格式和解決方案。

萬能播放插件js

1.ckplayerhttp://www.ckplayer.com/

2.Sewise Player

一款專業(yè)的免費網(wǎng)頁HTML5視頻、流播放器，它功能強(qiáng)大，體積小，跨平臺，兼容性好，使用方便簡潔。確定html5與flash播放的優(yōu)先級。支持跨終端播放，不僅適用PC端播放，也適配ipad、iphone、android手機(jī)、平板電腦等移動終端。支持多系統(tǒng)多平臺，PC端支持Window、MacOS、Linux 等，移動端支持Android、IOS、Window Phone等。兼容HTML5，確保98％的互聯(lián)網(wǎng)用戶可以看到您的視頻。支持多瀏覽器兼容，IE6/7/8/9/10、Chrome、Firefox、Safari、Opera等。接收來自任何地方的音視頻流支持mp4、m3u8、oga、webm、theora、flv、f4v等視頻格式播放。支持Flash播放m3u8文件，以及AES-128解碼播放。支持播放地址AMF, AJAX, JOSNP類型請求。支持PC與Mobile平臺播放器自動識別功能。支持瀏覽器HTML5與Flash特性檢測。

3.hls

http://www.bootcdn.cn/hls.js/

僅支持hls(m3u8)地址，不支持flv,mp4,mov,f4v,3gp格式，做了跨平臺的適配，支持PC終端,Android安卓終端,iOS蘋果終端,WP終端的正常播放。

m3u8是m3u的一種，是utf-8格式的，Apple 為了提高流播效率開發(fā)的技術(shù)，特點是將流媒體切分為若干 TS 片段（比如每10秒一段），然后通過一個擴(kuò)展的 m3u 列表文件將這些 TS 片段集中起來供客戶端播放器接收?？梢宰龆啻a率的適配，根據(jù)網(wǎng)絡(luò)帶寬，客戶端會自動選擇一個適合自己碼率的文件進(jìn)行播放，保證視頻流的流暢。

MP4是一套用于音頻、視頻信息的壓縮編碼標(biāo)準(zhǔn)，支持所有音頻和視頻以及高級內(nèi)容（或它們的混合），編碼格式：H.264格式高清

MP4是遵循MPEG-4（ISO 14496-14）的官方容器格式定義的廣義文件擴(kuò)展名。它可以流媒體化并支持眾多多媒體的內(nèi)容（多音軌(multiple audio)、視頻流(video)、字幕(subtitlestreams)、圖片(pictures)、可變楨率(variable-framerates)、碼率(bitrates)、采樣率(samplerates)等）和高級內(nèi)容(advanced content)（官方稱之為“Richmedia”(超媒體)或“BIFS”(Binary Format for Scenes/二進(jìn)制格式場景），類似2D和3D圖形，動畫、用戶界面、類DVD菜單，上述這些AVI搞不定的東西。

其他相關(guān)的擴(kuò)展名：

– .m4v：是.mp4文件的錯誤擴(kuò)展名，由apple提出，支持視頻+音頻，m4v擴(kuò)展名可以安全地更名為.mp4

– .m4a：是.mp4文件的錯誤擴(kuò)展名，由apple提出，只支持音頻，m4a擴(kuò)展名可以安全地更名為.mp4

– .m4p：隨iTunes發(fā)售的DRM(Digital Rights Management/數(shù)字版權(quán)保護(hù)技術(shù))產(chǎn)權(quán)保護(hù)的文件，使用Apple開發(fā)的DRM sheme

– .m4e：由.sdp修改擴(kuò)展名的來的文件，Envivio用其于流媒體播放。

– .m4v, -.mp4v, -.cmp, -.divx, .-xvid, .264：raw的mpeg-4視頻流（并非內(nèi)含于mp4）。

– .3gp, -.3g2：手機(jī)中使用的格式，其中儲存的內(nèi)容同樣在.mp4未被定義（H.263, AMR(Adaptive Multi Rate/自適應(yīng)多碼率)）。

OGG OGGVobis(oggVorbis)是一種音頻壓縮格式，類似于MP3等的音樂格式。Ogg是完全免費、開放和沒有專利限制的。OggVorbis文件的擴(kuò)展名是”.ogg”。Ogg文件格式可以不斷地進(jìn)行大小和音質(zhì)的改良，而不影響舊有的編碼器或播放器。

OGV是html5中的一個名為Ogg Theora的視頻格式，起源于ogg容器格式。

webm由Google提出，是一個開放、免費的媒體文件格式。WebM標(biāo)準(zhǔn)的網(wǎng)絡(luò)視頻更加偏向于開源并且是基于HTML5標(biāo)準(zhǔn)的，WebM 項目旨在為對每個人都開放的網(wǎng)絡(luò)開發(fā)高質(zhì)量、開放的視頻格式，其重點是解決視頻服務(wù)這一核心的網(wǎng)絡(luò)用戶體驗。

MOV(QuickTime)它是Apple公司開發(fā)的一種音頻、視頻文件格式，用于存儲常用數(shù)字媒體類型。QuickTime用于保存音頻和視頻信息，包括Apple Mac OS，MicrosoftWindows95/98/NT/2003/XP/VISTA，甚至WINDOWS7在內(nèi)的所有主流電腦平臺支持。

WMV 是微軟推出的一種采用獨立編碼方式并且可以直接在網(wǎng)上實時觀看視頻節(jié)目的文件壓縮格式。WMV格式的主要優(yōu)點包括：本地或網(wǎng)絡(luò)回放、可擴(kuò)充的媒體類型、部件下載、可伸縮的媒體類型、流的優(yōu)先級化、多語言支持、環(huán)境獨立性、豐富的流間關(guān)系以及擴(kuò)展性等。

MPG/MPEG(.mpg, .mpeg)

Realmedia(.rm, .rmvb)

AVI(.avi)

Flv/swf

本文由專業(yè)的WEB前端外包公司-切圖網(wǎng)原創(chuàng)，轉(zhuǎn)載請保留版權(quán)（ WEB前端開發(fā)外包www.qietu.com ）切圖網(wǎng)始于2007年，提供高品質(zhì)的前端開發(fā)服務(wù)、前端外包、切圖外包。歡迎來電咨詢！

在線咨詢

上一篇：全網(wǎng)最齊的家國夢禮包鏈接
下一篇：springboot+freemarker+bootstrap快速實現(xiàn)分頁功能(含java源碼)

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商