前端時間,公司要調研直播相關的內容,特意花時間進行了一番調研。前端
本篇將記錄其中的推流篇-本地推理播放測試。nginx
關於Nginx:git
配置Nginx以支持HLS、RTMP的推流與拉流,iOS系統使用LFLiveKit推流,OS X系統使用FFmpeg推流,拉流端能夠使用Safari瀏覽器或者VLC播放器。
下面的例子會就本地視頻推流和手機錄屏推流分別列舉。github
Homebrew
, 直接終端輸入命令man brew
若是Mac已經安裝了homebrew, 會顯示一些命令的幫助信息. 此時輸入Q退出便可, 直接進入第二步.web
反之, 若是沒有安裝homebrew,執行命令vim
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)"
先clone nginx項目到本地ruby
brew tap homebrew/nginx
執行安裝:bash
brew install nginx-full --with-rtmp-module
此時, nginx和rtmp模塊就安裝好了
輸入命令:服務器
nginx
在Safari瀏覽器裏打開http://localhost:8080
若是出現下圖, 則表示安裝成功
若是終端上提示
nginx
安裝到哪了--with-rtmp-modulebrew info nginx-full
如圖, 找到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;
}
}
}
四、修改完,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實現
一、安裝ffmpeg:
brew install ffmpeg
耗時有點久,網速很差可能要10分鐘左右
二、本地查看推流,這裏推薦VLC播放器,支持rtmp協議等等,很是強大。
下載安裝完以後,點擊 open media -> Network 添加播放地址(上面命令的最後一段)
三、完成以後,本地找一個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只要保證地址裏兩處統一就行)
推流以後,過幾秒,你就能看到播放器彈出窗口播放視頻了~~~
四、最後的重點,若是想在手機端推流,這裏咱們須要用到一款第三方框架:LFLiveKit,你們可直接下載Demo運行看看
tip: LFLiveKit已經集成了GPUImage, 若是項目中有集成GPUImage, 須要將以前的移除掉. 且集成LFLiveKit須要關閉Bitcode.
下載完成以後,在viewcontroller裏,替換一下服務端地址(可直接用上面的本地測試地址)
而後執行同樣:
一、先在本地VLC添加播放地址
二、真機運行demo
三、成功後,視頻基本是沒有卡頓的,就是與手機畫面會有個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 ,能夠看到一個頁面
若是想放一個視頻,咱們依然能夠。
步驟:
一、找到nginx本地服務路徑
能夠輸入
/usr/local/Cellar/nginx
好比放一個視頻進去,而後瀏覽器輸入地址
http://localhost:8080/rtmp.mp4
就能夠播放了
~