一個牛逼的開源 H5 視頻播放器

2021-03-01 GitHub精選

【公眾號回復 「1024」，免費領取程式設計師賺錢實操經驗】

大家好，我是章魚貓。今天給大家分享的這個開源項目，對於前端開發者來講非常非常的有用。因為它是一個 H5 的視頻播放器。

字節跳動出品，必屬精品啊！尤其是我感覺在 Web 這塊，視頻播放這塊，字節跳動的技術絕對在國內首屈一指。

今天分享的這個開源項目就是：xgplayer。

xgplayer 是由字節跳動西瓜視頻開源的一款帶解析器、能節省流量的 HTML5 視頻播放器。

它可以作為 H5 組件、Vue、React 組件單獨使用。它根據組件化的原則設計了一個獨立的、可分離的 UI 組件。

更重要的是，它不僅在 UI 層具有靈活性，而且在功能上也很大膽：它擺脫了視頻加載、緩衝和格式支持。

在播放器端加載視頻、解析視頻、轉換格式，讓不支持分段播放的 MP4 動態支持，這樣就無須轉換源視頻的格式，伺服器端也無其他開銷。它還集成了對 FLV、 HLS 和 dash 的按需和實時支持。

是不是感覺特別牛逼呢？

安裝和用法也非常簡單，如下：

關於功能和開源項目的介紹，就這些，具體的用法和體驗，大家可以移步到其官網或者 GitHub 上去看吧，裡面有詳細的介紹文檔。唯一不足的就是文檔是英文的，可能鍛鍊大家的英語能力了。

開源項目地址：https://github.com/bytedance

今天的推薦不知道大家喜歡嗎？如果你喜歡，請在文章底部留言和點讚，以表示對我的支持，你們的留言、點讚和轉發關注是我持續更新的動力哦！

「GitHub精選」開始接受大家投稿啦

「GitHub精選」，每晚10:24準時為您推送

相關焦點

  • 一個強大的開源HTML5視頻播放器,字節出品!
    現在短視頻、直播十分的火，相信許多開發童鞋都遇到要在項目中加入視頻組件的情況吧。一般視頻播放或者直播的前端組件都要有諸如彈幕、清晰度調整、倍數播放等功能，今天精選板給大家帶來的就是這樣一款完善的HTML5視頻播放組件--xgplayer（西瓜播放器）！
  • GitHub 開源推薦 | mpv - 一個免費、開源、跨平臺的多媒體播放器
    專注分享 GitHub 上有趣、好玩的開源項目，以幫助大家提高編程技巧，找到編程樂趣。如果你對開源感興趣，想和大家分享一些優質項目，隨時歡迎投稿（微信號：iwaleon）。mpv 是一個免費、開源、跨平臺的多媒體播放器，可用於 Windows、Linux、MacOS、BSD 以及 Android 等平臺。
  • Linux 中的十大開源視頻播放器
    ，我們列出了 Linux 中的十大開源播放器。，是一個不錯的跨平臺音頻視頻播放器。令人印象深刻，因為：5、SMPlayer這個跨平臺的媒體播放器，只使用 C++ 的 Qt 庫編寫，它是一個強大的多功能播放器。
  • 一個開源的命令行視頻播放器
    使用 mvp 播放器打開 mpv 播放器，拖放一個本地媒體文件到窗口中，即可自動進行播放。注意：界面沒有任何菜單項，只能通過拖放媒體文件來操作。可以看到，mpv 的界面很簡潔，只有一個控制面板（在滑鼠移動到播放窗口上才會顯示），該面板上有播放/暫停、快進/快退以及全屏等功能。
  • Linux 中的十大開源視頻播放器 | Linux 中國
    因此，為了幫助你挑選適合你需求的最佳播放器，我們列出了 Linux 中的十大開源播放器。讓我們來看看：1、XBMC – Kodi 媒體中心這是一個靈活的跨平臺播放器，核心使用 C++ 編寫，並提供 Python 腳本作為附加組件。
  • 能省流量的 HTML5 視頻播放器 西瓜播放器 | 軟體推介
    授權協議：MIT開發語言：JavaScript作業系統：跨平臺概述西瓜播放器是一個
  • 幾個不錯的Android開源音視頻播放器
    整理了一下Github上幾個開源的音視頻播放器項目，有興趣的同學可以clone代碼去研究學習。https://github.com/googlesamples/android-UniversalMusicPlayer這是Google開源的一個音頻播放器項目，它向我們展示了如何在不同的設備上（Android phones, tablets, Android Auto, Android Wear, Android TV and Google Cast）提供一致的用戶體驗
  • HTML5移動開發(5)——製作一個漂亮的視頻播放器
    目前比較主流和使用比較的的視頻格式主要有：avi、rmvb、wmv、mpeg4、ogg、webm。這些視頻都是由視頻、音頻、編碼格式三部分組成的。在HTML5中，根據瀏覽器的不同，目前擁有多套不同的編碼器：H.264(個人不看好)：這個編碼器是蘋果系統包括蘋果手機中的編碼器，擁有專利的視頻編碼器。
  • Web端H.265播放器研發解密
    轉碼成本：但是當前主流瀏覽器均不支持H.265原生視頻播放，因此通常視頻生產端需要針對瀏覽器做一次H.264視頻的轉碼來適配瀏覽器端如PC場景的播放，而增加了轉碼成本。如在淘寶直播中，假設以每天5萬場直播計算，每場直播轉碼成本20元，一天就是100萬的轉碼成本。
  • 開源的HTML5 視頻播放器框架
    MuiPlayer 是一款 HTML5 視頻播放插件，其默認配置了精美可操作的的播放控制項，涉及了常用的播放場景，例如全屏播放、播放快進、循環播放
  • 基於ijkPlayer學習視頻播放器實現(一)
    Android中視頻播放器的選擇MediaPlayer在Android系統中對於視頻播放器有原生的實現MediaPlayer, 以及將MediaPlayer，SurfaceView封裝在一起的VideoView, 兩者都只是使用硬解播放，基本上只支持本地和HTTP協議的視頻播放，擴展性都很差，只適合最簡單的視頻播放需求。
  • (二十四)小眾但好用:免費開源跨平臺的播放器 VLC
    作為一個每次看視頻都要打開的播放器，能做到讓人不忍直視。在播放器上點「滑鼠右鍵」-「視圖」-「精簡界面」，或者快捷鍵 ctrl+h 當然，白色的也有:作為一款開源播放器我等戰5渣不會設計，用別人的就好。
  • Linux下7款頂級開源視頻播放器
    您可能認為默認播放器的就可以了，但是，如果您希望在Linux中選擇更多的開源視頻播放器(或默認播放器的替代品)，那麼你應該繼續閱讀本文的內容。最佳Linux視頻播放器以下示例都在Ubuntu 18.04中安裝使用，但這不應使其成為Ubuntu視頻播放器的列表。 這些開源軟體應該在任何Linux發行版中都可用。安裝軟體給Ubuntu用戶的另一個注意事項。
  • 推薦一個吊炸天的開源項目:YouTube 開源播放器,Android開發必備
    未來我的 Android 路要怎麼走~有了這個開源項目，再也不怕去BAT和字節跳動面試考算法了轉自：公眾號 IT爛筆頭 （ID： nj_android）歡迎關注在這之前筆者使用原生的MediaPlayer、B站開源的IJKVideoView等
  • Android 視頻播放器
    ，Github 上也已經有很多很好的開源視頻播放器了，比如 Google 家的 ExoPlayer 和 Bilibili 的 ijkplayer，但是對於開發者而言，選擇當然是越多越好，所以今天給大家推薦幾個真·開箱即用的視頻播放器。
  • 重磅推薦:一個專注於電影的 HTML5 播放器
    今天給大家推薦的這個開源項目是前端開發者的福音啊。如果你的前端項目需要用到 H5 的播放器，這個開源項目絕對是你需要的。這個 HTML5 的播放器非常好，而且顯得很高大上。這個開源項目就是：moovie.js，它是一個專注於電影的 HTML5 播放器。
  • 開源播放器MPV簡介
    MPV 是一款基於 MPlayer 和 MPlayer2 的多平臺開源播放器，其在 Linux 上擁有廣泛的輸出設備支持，內置ffmpeg解碼器，支持絕大部分的視頻和音頻格式
  • GitHub開源分享 | 一個跨平臺的高性能音視頻播放框架
    專注分享 GitHub 上有趣、
  • 【精華】十二大最著名的Android播放器開源項目
    是Bilibili發布的基於 FFplay 的輕量級 Android/iOS 視頻播放器。5.JieCaoVideoPlayerhttps://github.com/lipangit/JieCaoVideoPlayer概述節操視頻播放器是一個讓開發者可以三兩行代碼就能集成到應用中的視頻播放框架，並且提供了開放的接口來滿足不同開發者的不同需求。
  • 全球視頻播放器排行榜
    1，PotPlayer視頻播放器排行榜上PotPlayer基本都會上榜，是無數人心中最好用的播放器，它是一款多格式視頻播放工具，擁有強大的內置解碼器用於解碼播放