前端時間,公司要調研直播相關的內容,特地花時間進行了一番調研。
本篇將記錄其中的推流篇-本地推理播放測試。
關於Nginx:
配置Nginx以支持HLS、RTMP的推流與拉流,iOS系統使用LFLiveKit推流,OS X系統使用FFmpeg推流,拉流端可以使用Safari瀏覽器或者VLC播放器。
下面的例子會就本地視頻推流和手機錄屏推流分別列舉。
Mac搭建nginx+rtmp服務器
- 打開終端, 查看是否已經安裝了
Homebrew
, 直接終端輸入命令
man brew
如果Mac已經安裝了homebrew, 會顯示一些命令的幫助信息. 此時輸入Q退出即可, 直接進入第二步.
反之, 如果沒有安裝homebrew,執行命令
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
如果安裝后, 想要卸載homebrew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"
- 2.安裝nginx
先clone nginx項目到本地
brew tap homebrew/nginx
執行安裝:
brew install nginx-full --with-rtmp-module
此時, nginx和rtmp模塊就安裝好了
輸入命令:
nginx
在Safari瀏覽器里打開http://localhost:8080
如果出現下圖, 則表示安裝成功

如果終端上提示
- 3.配置nginx和ramp
首先我們查看nginx
安裝到哪了
brew info nginx-full
--with-rtmp-module
如圖, 找到nginx.conf
文件所在位置

通過vim
或者點擊Finder
->前往
->前往文件夾
->輸入/usr/local/etc/nginx/nginx.conf
->用記事本工具(推薦Sublime Text2
)打開nginx.conf
.
直接滾到最后一行, 在最后一個}
(即最后的空白處, 沒有任何{}
)后面添加
# 在http節點后面加上rtmp配置:
rtmp {
server {
listen 1935;
application rtmplive {
live on;
record off;
}
}
}
4、修改完,cong文件后要重啟
nginx -s reload 如果在修改配置文件,重啟遇到 [error] open() "/usr/local/var/run/nginx.pid" failed 可以用下面的命令重新加載配置 nginx -c /usr/local/etc/nginx/nginx.conf
到了這里就開始分兩種情況了
1-本地mac推流 2-手機直接錄屏推流
第一個,我們先測試本地視頻推流,本地推我們可以使用ffmpeg實現
1、安裝ffmpeg:
brew install ffmpeg
耗時有點久,網速不好可能要10分鍾左右
2、本地查看推流,這里推薦VLC播放器,支持rtmp協議等等,非常強大。
下載安裝完之后,點擊 open media -> Network 添加播放地址(上面命令的最后一段)
3、完成之后,本地找一個mp4視頻,放到一個文件夾或桌面
注意:這里推流之前,必須先在vlc添加播放地址,順序一定要對
ffmpeg -re -i /Users/MACBOOK/Desktop/rtmp/rtmp.mp4 -vcodec libx264 -acodec aac -f flv rtmp://localhost:1935/rtmplive/roomlyj
這段命令,需要改兩個地方:
- /Users/MACBOOK/Desktop/rtmp/rtmp.mp4是你的視頻路徑
- rtmp://localhost:1935/rtmplive/roomlyj 這里localhost最好改成你電腦的ip(localhost可能失敗),端口號1935和 rtmplive是之前配置文件里定義好的,這里要匹配一致,最后的roomlyj是隨便取的名字(roomlyj只要保證地址里兩處統一就行)
推流之后,過幾秒,你就能看到播放器彈出窗口播放視頻了~~~
4、最后的重點,如果想在手機端推流,這里我們需要用到一款第三方框架:LFLiveKit,大家可直接下載Demo運行看看
tip: LFLiveKit已經集成了GPUImage, 如果項目中有集成GPUImage, 需要將之前的移除掉. 且集成LFLiveKit需要關閉Bitcode.
下載完成之后,在viewcontroller里,替換一下服務端地址(可直接用上面的本地測試地址)
然后執行一樣:
1、先在本地VLC添加播放地址
2、真機運行demo
3、成功后,視頻基本是沒有卡頓的,就是與手機畫面會有個2~3s延遲。
注意:
真機推流這里可能遇到一個深坑:就是按上面的做法做完之后,vlc不會播放,找了很久,發現是防火牆的原因
解決:關閉mac本地防火牆就行了。
最后如果想關閉本地Nginx服務:
在終端中輸入 ps -ef|grep nginx
獲取到nginx的進程號,注意是找到“nginx:master
”的那個進程號,如下面的進程好是 61721
再次輸入:
kill -QUIT 61721 (從容的停止,即不會立刻停止) Kill -TERM 61721 (立刻停止) Kill -INT 61721 (和上面一樣,也是立刻停止)
番外篇:
如果想在mac本地搭服務,可以延伸下:
上面說了:web輸入http://localhost:8080 ,可以看到一個頁面
如果想放一個視頻,我們依然可以。
步驟:
1、找到nginx本地服務路徑
可以輸入
/usr/local/Cellar/nginx
比如放一個視頻進去,然后瀏覽器輸入地址
http://localhost:8080/rtmp.mp4
就可以播放了
~