這是本人在星啟信息技術(shù)服務(wù)有限公司開發(fā)的第一個項目---xx直播系統(tǒng)辫秧。由于我們公司是2016年才成立的一家新的創(chuàng)業(yè)型公司,由于資金緊缺被丧,缺乏人手盟戏,所以本人在此項目里承擔(dān)著架構(gòu)設(shè)計和技術(shù)攻堅等工作(前端,后臺甥桂,服務(wù)器都得開發(fā))柿究,雖然這個項目沒做成功,可是其中的很多技術(shù)還是頗具亮點的黄选,不妨拿來學(xué)習(xí)蝇摸,作為java初學(xué)者入門的一塊敲門磚婶肩。
好了,閑話少說貌夕,言歸正傳:說起直播大家絕對不會陌生律歼,作為一名資深單身汪再加上工作的需要,本人當(dāng)然也少不了要到各大直播去逛逛啡专,去學(xué)習(xí)里面的直播頁面如何設(shè)計(liao liao zhi bo li de mei zi)险毁。但是真正做一個直播需要用到什么技術(shù)呢?需要做哪些模塊呢们童?現(xiàn)在直播界的資深laosiji要開車了畔况,歡迎各位想提升java開發(fā)技能的小白們上車了。
《XX直播?系統(tǒng)部分模塊簡介》
?1. ? 搭建nginx+多臺Tomcat集群實現(xiàn)負(fù)載均衡慧库。
? 2. ?搭建Nginx流媒體服務(wù)器跷跪。
?3. ? 視頻上傳,視頻播放功能齐板。
?4. ? 群聊發(fā)文字域庇,發(fā)圖片功能。
? 5. ?彈幕功能覆积。
?6. ? 公告消息滾播功能听皿。
?7. ? 在線人數(shù)顯示實時更新功能。
?8. ? 房間號顯示功能宽档。
? 9. ?點贊功能尉姨、關(guān)注功能。
?10. ? 輪播功能吗冤。
?11. ? 評論發(fā)布又厉、查看功能。
?12 ?.跨域問題處理椎瘟。
13 ?.OBS 直播錄制軟件的使用以及如何使用OBS對視頻流做切片處理(H3u8)
14 . 移動端H5直播視頻流播放的解決方案--videoJS
15 ?手機(jī)端禾苗live軟件的使用
16. 監(jiān)控系統(tǒng)的搭建與rtsp協(xié)議探討
....................................................................................................
現(xiàn)在對開發(fā)XX直播系統(tǒng)的背景做一個介紹覆致。xx直播是星啟科技公司開發(fā)的一個以婚慶直播、商業(yè)直播肺蔚、餐飲直播為切入點面向慶陽當(dāng)?shù)氐闹辈ハ到y(tǒng)煌妈,本系統(tǒng)主要是一個部署在阿里云服務(wù)器上基于Nginx+Tomcat的集群系統(tǒng)以Nginx 為流媒體服務(wù)器的高可用,可擴(kuò)展的移動端的直播項目宣羊,分為直播系統(tǒng)璧诵,視頻系統(tǒng),商城系統(tǒng)仇冯,個人中心系統(tǒng)之宿,聊天是系統(tǒng)等幾大模塊。本項目可以拆分成三大模塊:前端頁面苛坚,后臺邏輯比被,服務(wù)器部署
前端功能與技術(shù):
1.前端頁面通過H5技術(shù)展示:HTML+DIV+CSS
2.利用js /jQuery +Ajax 實現(xiàn)頁面的動態(tài)加載色难,圖片輪播、公告滾播效果等缀、公眾號關(guān)注枷莉、直播頁面切換,文字變色项滑,個性化input 按鈕、視頻播放等功能涯贞。
3.通過WebSocket+js 定時器輪詢實現(xiàn)在線人數(shù)實時更新功能和群聊發(fā)文字枪狂,發(fā)圖片功能。
4.利用video標(biāo)簽實現(xiàn)視頻播放宋渔,解決PC端直播流的播放問題
5.通過videoJS 插件實現(xiàn)手機(jī)端h5直播流的播放
6.通過webRTC+webSocket技術(shù)實現(xiàn)音視頻采集以及模擬直播流播放功能
7.聊天面板控制功能和文字輸入框高度人性化顯示等功能
8. 圖片壓縮技術(shù)州疾。
9 .js 緩存圖片二進(jìn)制數(shù)據(jù)流延時傳輸問題。
后端功能與技術(shù):
功能:
1.點贊數(shù)統(tǒng)計皇拣、更新功能
2.評論區(qū)留言保存及查看功能
3.視頻严蓖、圖片上傳功能
4.跨域問題處理等功能
5.房間號加載,滾播公告加載氧急,房間簡介加載功能颗胡。
。吩坝。毒姨。。钉寝。弧呐。。嵌纲。俘枫。。逮走。等等
服務(wù)器部署與配置
1. window Server2008 配置:
2. Nginx+Tomcat 集群配置:
3. Nginx 流媒體服務(wù)器搭建:
直播頁面效果圖
首頁圖:
聊天室視圖:
好了鸠蚪,xx直播系統(tǒng)的大體框架和部分核心功能簡介已經(jīng)寫好了,具體每個功能模塊的實現(xiàn)請看下一節(jié)师溅。