Thinkphp高仿陌陌網頁直播

来源:http://www.cnblogs.com/darker-phper/archive/2017/09/13/7513410.html
-Advertisement-
Play Games

此項目利用 TP+Redis+Nginx+nginx-rtmp-module+ffmpeg+HLS +Swoole 的架構方案 GitHub 地址:https://github.com/DOUBLE-Baller/momo QQ群:274904994 演示地址:http://51zhibo.top ...


此項目利用 TP+Redis+Nginx+nginx-rtmp-module+ffmpeg+HLS +Swoole 的架構方案

GitHub 地址:https://github.com/DOUBLE-Baller/momo

QQ群:274904994

演示地址:http://51zhibo.top

效果截圖

優點介紹

後臺nginx-rtmp 安裝講解

現在主要有兩種rtmp server,商業的和開源的。商業的比開源的支持的功能多,個人根據需要選擇吧

商業的有FMS Wowza

開源RTMP server

  1. red5 java java用的較多,性能還是不錯的!

  2. crtmpserver c++ 支持多種rtmp協議,移動設備以及IPTV相關網路協議 http://www.rtmpd.com/ Erlyvideo erlong 有開源和商業版本 https//github.com/erlyvideo/erlyvideo h

  3. aXeVideo haXe 一個實驗性的,輕量級的伺服器 http://code.google.com/p/haxevideo/

  4. FluorineFx .Net To be defined http://www/fluorinefx.com

  5. nginx-rtmp c nginx模塊 支持rtmp和HLS https://github.com/arut/nginx-rtmp-module

本人採用的則為第5個 Nginx-rtmp ,接下來講解 安裝過程。

安裝 Nginx-rtmp

1、下載nginx-rtmp-module: nginx-rtmp-module的官方github地址:https://github.com/arut/nginx-rtmp-module

使用命令: git clone https://github.com/arut/nginx-rtmp-module.git

將nginx-rtmp-module下載到linux中。

2、安裝nginx: nginx的官方網站為:http://nginx.org/en/download.html

wget http://nginx.org/download/nginx-1.8.1.tar.gz
tar -zxvf nginx-1.8.1.tar.gz
cd nginx-1.8.1
./configure --prefix=/usr/local/nginx --add-module=../nginx-rtmp-module --with-http_ssl_module
make && make install
本次預設安裝目錄為:/root, add-module為下載的nginx-rtmp-module文件路徑。 安裝時候可能會報錯沒有安裝openssl,需要執行命令:

yum -y install openssl openssl-devel

3、修改nginx配置文件:

vi /usr/local/nginx/conf/nginx.conf

加入以下內容:

rtmp {

server {    

    listen 1935;  #監聽的埠  

    chunk_size 4000;    
      
       
    application hls {  #rtmp推流請求路徑  
        live on;    
        hls on;    
        hls_path /usr/share/nginx/html/hls;    
        hls_fragment 5s;    
    }    
}    

}
hls_path需要可讀可寫的許可權。 修改http中的server模塊:

server {
listen 81;
server_name localhost;

#charset koi8-r;  

#access_log  logs/host.access.log  main;  

location / {  
    root   /usr/share/nginx/html;  
    index  index.html index.htm;  
}  

#error_page  404              /404.html;  

# redirect server error pages to the static page /50x.html  
#  
error_page   500 502 503 504  /50x.html;  
location = /50x.html {  
    root   html;  
}  

當然了,root可以跟據自己的需求來改的。 然後啟動nginx:

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

4、開始推流 做好以上的配置後,就可以開始推流了,我們可以使用obs來推流。

在設置->串流 中填寫信息:URL為 rtmp://xxx:1935/hls,xxx為你的伺服器的IP地址,hls是用來存放流媒體的。 秘鑰可以隨便填寫一個,用來播放的時候識別播放哪個流媒體的,例如填寫test等。 填寫完畢後,點擊開始串流,就說明我們的流媒體伺服器搭建成功了。

5、觀看直播(拉流) 觀看直播就比較簡單了,可以簡單的使用h5的vedio標簽就可以觀看了。 可以訪問http://xxx:81/hls/mystream.m3u8來觀看直播,其中xxx為你的伺服器IP地址, 或者使用

Your browser does not support HTML5 video.

同上, xxx寫的是你伺服器IP地址。 然後使用手機訪問這個網站就能夠觀看直播了。延遲大概在20S左右。 (在iOS的safari瀏覽器中可以正常觀看) 寫在最後 為什麼延遲 那麼高呢?這是因為伺服器將視頻流切斷成一個個小的以.ts結尾的文件。 

而我們訪問的是.m3u8文件,這個文件內容是將一個個ts文件串聯起來的,這就達到了一個播放的效果,所以看起來會有很大的延遲

如果降低延遲也不是沒有方法,可以設置切片生成的大小以及訪問的速度,但是這樣大大增加了伺服器的壓力。 當然,我們也可以用rtmp拉流工具(VLC等)來看該直播,延遲大概在2-5S左右,拉流地址與推流地址一致。

後臺一鍵安裝 直接訪問入口即可 初始admin admin

採用Bootstrap3精確定製的lyui除了擁有100%bootstrap體驗外,融合了更多適合國人使用的前端組建。並且一套代碼適應多種屏幕大小。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • .Net在Framework4.0中增加了任務並行庫,對開發人員來說利用多核多線程CPU環境變得更加簡單,TPL正符合我們本系列的技術需求。因TPL涉及內容較多,且本系列文章為非同步程式開發,所以本文並未涉及TPL全部內容。後續會寫一個TPL系列的Blog,各位朋友可以關註一下。 ...
  • 1.主要是使用控制項綁定點擊事件 用到的控制項分別為picturebox lable 上一頁pbPage_Prev 下一頁 pbPage_Next 首頁 pbPage_Begin 尾頁pbPage_End 是picturebox控制項加背景圖 “第 頁/ 共 頁” 是一個lable “labPageInf ...
  • 最近新升級了Visual Studio 2017,創建的Web項目Bin目錄中多了一個叫roslyn的文件夾,該文件夾導致網站在某些伺服器上發佈出錯 從網上搜索了一下,Roslyn是新出的動態編譯工具 但是在伺服器上安裝.net4.6後仍然提示編譯出錯。 解決方法:打開解決方案NuGet包管理器,卸 ...
  • 這個我是在winform的頁面上做的 1. 首先是在頁面上添加3個lable 第一次點擊lable會有相應的數據被查詢出來 第二次點擊同一個lable會刷新所有的數據 2.點擊不同的label會有顏色提示當前點擊的是哪一個 第二次點擊的時候會還原lable的顏色 3.根據本日 本周 本月查詢數據 是 ...
  • 1: 有兩個地方必須做異常處理,異常類型為IOException 伺服器讀客戶端發來的信息時: LeafTCPClient client = (LeafTCPClient)ar.AsyncState; try { if (client.NetWork.Connected) { NetworkStre ...
  • 在新的ASP.NET Core MVC中,視圖組件類似於局部視圖,但它們更強大。視圖組件不使用模型綁定,僅依賴於您在調用時提供的數據。 ...
  • 1.字元流 1.1 所有文件的存儲都是位元組的存儲,我們日常在磁碟上保存的其實並不是文件的字元,而是先把字元轉換成位元組,再把這些位元組儲存到磁碟。在讀取文件時,也是一個位元組一個位元組的讀取,然後生成位元組的序列。 1.2 位元組流可以處理任何對象,但是字元流呢,、只用來處理字元或者字元串。可以這樣說,位元組流呢 ...
  • 一共需要創建三個類: 1:Student類 存放程式所需的屬性和方法 2:Control類 具體的實現方法 3:Test類 測試類 Student類 Control類 Test類 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...