如何快速搭建完整的視頻直播系統(tǒng)？- Gitee 項(xiàng)目

如何快速搭建完整的視頻直播系統(tǒng)？- Gitee 項(xiàng)目推薦

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

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

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

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

項(xiàng)目地址：https://gitee.com/niandeng/ckplayer

2、項(xiàng)目名稱：RTMP 直播播放器

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

項(xiàng)目地址：https://gitee.com/Tinywan/html5-dash-hls-rtmp

3、項(xiàng)目名稱：神奇的播放器 yjPlay

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

項(xiàng)目地址：https://gitee.com/Tinywan/html5-dash-hls-rtmp

4、項(xiàng)目名稱：樹莓派驅(qū)動(dòng)的b站直播點(diǎn)播臺(tái)

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

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

項(xiàng)目地址：https://gitee.com/Young_For_You/24h-raspberry-live-on-bilibili

5、項(xiàng)目名稱：直播播放器 SGPlayer

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

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

項(xiàng)目地址：https://gitee.com/libobjc/SGPlayer

丨白及

學(xué)習(xí)是一個(gè)持續(xù)不斷的過程，在互聯(lián)網(wǎng)技術(shù)里暢游的程序員們，對學(xué)習(xí)的渴望更是難以窮盡。為此，小拍在周五開設(shè)“小拍薦書” 的欄目，為大家推薦技術(shù)相關(guān)書籍，方便大家在周末適時(shí)充電~

流媒體是指采用流式傳輸?shù)姆绞皆贗nternet播放的媒體格式。商家用一個(gè)視頻傳送服務(wù)器把節(jié)目當(dāng)成數(shù)據(jù)包發(fā)出，傳送到網(wǎng)絡(luò)上。用戶通過解壓設(shè)備對這些數(shù)據(jù)進(jìn)行解壓后，節(jié)目就會(huì)像發(fā)送前那樣顯示出來。（來自：百度百科）

流媒體的技術(shù)革新推動(dòng)了音視頻行業(yè)技術(shù)日新月異的發(fā)展，更是直播行業(yè)興起，火爆的技術(shù)根基。本期薦書推薦了5本與HTML5直播技術(shù)相關(guān)的技術(shù)書籍。

12月1日晚上，深度參與“又拍直播云”開發(fā)的劉博（又拍云多媒體開發(fā)工程師）就如何利用WebSocket+MSE實(shí)現(xiàn)HTML5直播，在微信群里進(jìn)行了分享（點(diǎn)擊閱讀）。

小拍請劉博推薦了2本與HTML5直播技術(shù)相關(guān)的書籍：

《Learning WebRTC中文版》

推薦星級(jí)：4星

推薦人:劉博

推薦理由

本書內(nèi)容比較偏向前端，內(nèi)容不是非常全面，適合作為WebRTC領(lǐng)域的入門書來看。

WebRTC是實(shí)現(xiàn)HTML5直播技術(shù)的最新協(xié)議，也是目前實(shí)現(xiàn)用戶體驗(yàn)較好的協(xié)議。《Learning WebRTC 中文版》使用形象的案例介紹，逐步深入地闡述了WebRTC 的幕后工作原理。本書包含了創(chuàng)建一個(gè)WebRTC應(yīng)用所必需的知識(shí)，包括獲取用戶設(shè)備信息、創(chuàng)建WebRTC應(yīng)用的客戶端和服務(wù)器、連接用戶并發(fā)送數(shù)據(jù)、文件共享、數(shù)據(jù)信息安全和性能優(yōu)化。《Learning WebRTC 中文版》適合有一定HTML和JavaScript 經(jīng)驗(yàn)，希望了解并學(xué)習(xí)WebRTC 的開發(fā)者參考閱讀。

讀者短評(píng)：

dhcn：內(nèi)容少，體量大，可以學(xué)到一些東西。

《WebRTC權(quán)威指南》

推薦星級(jí)：5星

推薦人：劉博

推薦理由

國內(nèi)第一本W(wǎng)ebRTC方面的中文書籍，內(nèi)容包含了WebRTC的方方面面。本書的作者都是WebRTC和SIP等相關(guān)標(biāo)準(zhǔn)的指定者，所以，可以當(dāng)做權(quán)威參考來看。

如果說《Learning WebRTC中文版》側(cè)重于案例、入門，以案例講解原理，且不夠全面，那么《WebRTC權(quán)威指南》則對標(biāo)準(zhǔn)進(jìn)行了全面、精確介紹，包含大量的演示應(yīng)用、示例代碼、各類數(shù)據(jù)和圖表。本書是互聯(lián)網(wǎng)實(shí)時(shí)通信開發(fā)者和技術(shù)決策者的權(quán)威參考指南。作者Daniel C. Burnett博士是WebRTC標(biāo)準(zhǔn)的主要作者，在書中對標(biāo)準(zhǔn)的方方面面做了精確到位的介紹。Alan Johnston 博士是今日通信業(yè)核心標(biāo)準(zhǔn)SIP的主要作者，多年的行業(yè)實(shí)踐和全局視野讓他能夠深入淺出地給出WebRTC相關(guān)技術(shù)問題和發(fā)展方向的真知灼見。

另有Jsone，大蕉推薦了此書：

Jsone：《WebRTC權(quán)威指南》是WebRTC和標(biāo)準(zhǔn)主要作者聯(lián)袂撰寫，互聯(lián)網(wǎng)實(shí)時(shí)通信技術(shù)的指南，可以全方位深入解讀標(biāo)準(zhǔn)的方方面面。

大蕉：主題是流媒體，推薦這本書比較切合。

讀者短評(píng)：

我有繡春刀：前面關(guān)于網(wǎng)絡(luò)知識(shí)點(diǎn)的講解很棒，后面的瀏覽器API與協(xié)議這部分也很不錯(cuò)！

Arbow：這其實(shí)是一本關(guān)于移動(dòng)網(wǎng)絡(luò)下性能優(yōu)化的書，相見恨晚。

下面是小拍和“拍友”們推薦的書籍啦~

《HTTP權(quán)威指南》

推薦星級(jí)：5星

推薦人：又小拍

推薦理由

流媒體底層協(xié)議用了HTTP協(xié)議，本書對HTTP協(xié)議的介紹比較全面。

HLS httpflv使用了HTTP協(xié)議，深入了解HTTP協(xié)議，不論是對HTML5直播技術(shù)的開發(fā)，還是HTTPS的升級(jí)而言，都必不可少。本書中，作者梳理了HTTP中一些互相關(guān)聯(lián)且常被誤解的規(guī)則，并編寫了一系列基于各種主題的章節(jié)，對HTTP各方面的特性進(jìn)行了介紹。而且，為了節(jié)省大家尋找參考文獻(xiàn)的時(shí)間，作者還對很多HTTP應(yīng)用程序正常工作所必須的、重要的非HTTP技術(shù)進(jìn)行了介紹。

讀者短評(píng)：

Tony Bai：要全面了解HTTP，非此書不可。

《JavaScript忍者秘籍》

推薦星級(jí)：5星

推薦人：Phunsukh Wangdu

推薦理由

可汗學(xué)院計(jì)算機(jī)科學(xué)學(xué)院的院長，也是jQuery JavaScript庫的創(chuàng)造者John Resig編寫的一本深入剖析JavaScript語言的書，正在使用jQuery，想要更深入的了解jQuery，都值得讀一讀這本書。

JavaScript腳本是現(xiàn)代瀏覽器、網(wǎng)頁的必備元素，在Web端實(shí)現(xiàn)流媒體必然需要調(diào)用JavaScript腳本，學(xué)好JavaScript語言是研究HTML5必不可少的基礎(chǔ)。本書對JavaScript語言的重要部分（函數(shù)、閉包和原型）進(jìn)行深入、全面的介紹，全書從高級(jí)Web應(yīng)用程序開發(fā)者所面臨的挑戰(zhàn)談起，將嚴(yán)謹(jǐn)?shù)睦碚撝v解和實(shí)用的代碼示例相結(jié)合，從準(zhǔn)入訓(xùn)練、見習(xí)訓(xùn)練、忍者訓(xùn)練和火影訓(xùn)練四個(gè)層次講述了逐步成為JavaScript高手的全過程。

讀者短評(píng)：

子龍：JavaScript開發(fā)者都應(yīng)該讀的、接近編程思想層面的書。jQuery創(chuàng)始人，實(shí)力真是強(qiáng)大！

《Vue.js權(quán)威指南》

推薦星級(jí)：4星

推薦人：張興偉

推薦理由

Vue.js是一個(gè)用來構(gòu)建網(wǎng)頁界面的JavaScript庫，同其它的一些工具結(jié)合在一起，它也可以成為一個(gè)新“框架”。Vue.js是頂級(jí)的JavaScript框架之一，它在許多場景中可以被用來替換Angular和React。

開發(fā)基于Web端的流媒體應(yīng)用，Vue.js是一個(gè)不錯(cuò)的選擇，Vue.js是2016年非常火的JavaScript MVVM庫，目前已推出Vue.js 2.0；相比其他JavaScript庫，Vue.js更加像一套可以靈活選擇的工具組合。《Vue.js權(quán)威指南》有多位作者來自于滴滴出行前端團(tuán)隊(duì)，致力于普及國內(nèi)Vue.js 技術(shù)體系，讓更多喜歡前端的人員了解和學(xué)習(xí)Vue.js，由淺入深地講解了Vue.js 基本語法及源碼解析，本書主要內(nèi)容包括數(shù)據(jù)綁定、指令、表單控件綁定、過濾器、組件、表單驗(yàn)證、服務(wù)通信、路由和視圖、vue-cli、測試開發(fā)和調(diào)試、源碼解析及主流打包構(gòu)建工具等。

Tips：本書第一次印刷有部分別字，建議購買第二次印刷，已購買第一次印刷的讀者可以享受免費(fèi)更換第二次印刷版的福利。

本期書籍推薦完畢，感謝劉博、張興偉、Phunsukh Wangdu、Jsone、大蕉在技術(shù)領(lǐng)域開放的知識(shí)分享精神，推薦了上述好書。5位小伙伴可在本期書單中選擇1本自己心儀的書籍，小拍將會(huì)把書籍送給您或您指定的朋友，作為又拍云的小小心意。

同時(shí)也感謝其他推薦者，如在后期書籍推薦中，您推薦的書籍被選入書單，我們將第一時(shí)間聯(lián)系您，饋贈(zèng)您。

小拍的推薦只是拋磚引玉，如果大家有覺得很贊的技術(shù)類書籍，戳戳戳到文末評(píng)論區(qū)以“書名+推薦理由”的形式留言，一旦推薦書籍上榜書單，推薦者即可在該期書單中挑選一本書籍，小拍即刻奉送該書作為感謝。您可以選擇把書送給自己，也可以送給您指定的一位朋友。

最后放一些“又拍云線上分享群”的薦書盛況，大家隨意感受一下技術(shù)圈熱愛讀書的好少年們~

▼

了更好地分類閱讀 52im.net 總計(jì)1000多篇精編文章，我將在每周三推送新的一期技術(shù)文集，本次是第41 期。

[- 1 -] 移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解（一）：開篇

[鏈接] http://www.52im.net/thread-853-1-1.html

[摘要] 本文是《移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解》系列文章之第一篇，我們將從整體介紹直播中的各個(gè)環(huán)節(jié)。

[- 2 -] 移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解（二）：采集

[鏈接] http://www.52im.net/thread-955-1-1.html

[摘要] 本文是《移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解》系列文章之第二篇：我們將從整體介紹直播中的采集環(huán)節(jié)。

[- 3 -] 移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解（三）：處理

[鏈接] http://www.52im.net/thread-960-1-1.html

[摘要] 本篇是《移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解》系列文章之第三篇：我們將從整體講解常見視頻處理功能：如美顏、視頻水印、濾鏡、連麥等。

[- 4 -] 移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解（四）：編碼和封裝

[鏈接] http://www.52im.net/thread-965-1-1.html

[摘要] 本篇是是《移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解》系列文章之第四篇：我們將從整體講解編碼和封裝。

[- 5 -] 移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解（五）：推流和傳輸

[鏈接] http://www.52im.net/thread-967-1-1.html

[摘要] 本篇是《移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解》系列文章之第五篇：我們將從整體講解推流和傳輸。

[- 6 -] 移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解（六）：延遲優(yōu)化

[鏈接] http://www.52im.net/thread-972-1-1.html

[摘要] 本篇是《移動(dòng)端實(shí)時(shí)音視頻直播技術(shù)詳解》系列文章之第六篇：我們將從整體講解延遲優(yōu)化技術(shù)。

[- 7 -] 理論聯(lián)系實(shí)際：實(shí)現(xiàn)一個(gè)簡單地基于HTML5的實(shí)時(shí)視頻直播

[鏈接] http://www.52im.net/thread-875-1-1.html

[摘要] 本次分享就向大家介紹一下分享一下直播的整個(gè)流程和一些技術(shù)點(diǎn)，并動(dòng)手實(shí)現(xiàn)一個(gè)簡單的Demo。

[- 8 -] 實(shí)時(shí)視頻直播客戶端技術(shù)盤點(diǎn)：Native、HTML5、WebRTC、微信小程序

[鏈接] http://www.52im.net/thread-1564-1-1.html

[摘要] 連麥視頻直播的客戶端主要包括：原生 APP、瀏覽器 H5、瀏覽器 WebRTC、微信小程序。瀏覽器上的應(yīng)用包括 H5 和 WebRTC，前者可以拉流觀看，后者可以實(shí)現(xiàn)推流和拉流。

[- 9 -] Android直播入門實(shí)踐：動(dòng)手搭建一套簡單的直播系統(tǒng)

[鏈接] http://www.52im.net/thread-1154-1-1.html

[摘要] 實(shí)時(shí)視頻直播是這兩年非常火的技術(shù)形態(tài)，已經(jīng)滲透到教育、在線互娛等各種業(yè)務(wù)場景中。但要搭建一套實(shí)時(shí)視頻直播系統(tǒng)，并非易事，當(dāng)然相關(guān)的直播技術(shù)理論在論壇的其它文章里已經(jīng)寫的非常詳細(xì)，本文不再展開。

[- 10 -] 淘寶直播技術(shù)干貨：高清、低延時(shí)的實(shí)時(shí)視頻直播技術(shù)解密

[鏈接] http://www.52im.net/thread-3220-1-1.html

[摘要] 本文由淘寶直播音視頻算法團(tuán)隊(duì)分享，對實(shí)現(xiàn)高清、低延時(shí)實(shí)時(shí)視頻直播技術(shù)進(jìn)行了較深入的總結(jié)，希望分享給大家。

[- 11 -] 技術(shù)干貨：實(shí)時(shí)視頻直播首屏耗時(shí)400ms內(nèi)的優(yōu)化實(shí)踐

[鏈接] http://www.52im.net/thread-2087-1-1.html

[摘要] 直播行業(yè)的競爭越來越激烈，進(jìn)過2018年這波洗牌后，已經(jīng)度過了蠻荒暴力期，剩下的都是在不斷追求體驗(yàn)。最近正好在做直播首開優(yōu)化工作，實(shí)踐中通過多種方案并行，已經(jīng)能把首開降到500ms以下，借此機(jī)會(huì)分享出來，希望能對大家有所啟發(fā)。

[- 12 -] 新浪微博技術(shù)分享：微博實(shí)時(shí)直播答題的百萬高并發(fā)架構(gòu)實(shí)踐

[鏈接] http://www.52im.net/thread-2022-1-1.html

[摘要] 本文將分享新浪微博系統(tǒng)開發(fā)工程師陳浩在 RTC 2018 實(shí)時(shí)互聯(lián)網(wǎng)大會(huì)上的演講。他分享了新浪微博直播互動(dòng)答題架構(gòu)設(shè)計(jì)的實(shí)戰(zhàn)經(jīng)驗(yàn)。其背后的百萬高并發(fā)實(shí)時(shí)架構(gòu)，值得借鑒并用于未來更多場景中

52im社區(qū)本周新文：《IM跨平臺(tái)技術(shù)學(xué)習(xí)(十二)：萬字長文詳解QQ Linux端實(shí)時(shí)音視頻背后的跨平臺(tái)實(shí)踐》，歡迎閱讀！