效果圖

iTools有點卡, 但是推到伺服器倒是很快的.

前言

這篇blog是iOS視訊直播初窺:<喵播APP>的一個補充. 因為之前傳到github上的專案中沒有整合視訊的推流.有很多朋友簡信和微博上問我推流這部分怎麼實現的. 所以, 我重新集成了RTMP的推流, 合併到了之前的專案中.

下載連結

Mac搭建nginx+rtmp伺服器

我個人電腦裡面很早以前就搭建過nginx+rtmp伺服器, 但是昨天在公司電腦上搭建的時候, 手動輸入命令的時候, 還是出現了bug(所以, 建議大家直接複製命令, 不要手動輸入命令). 所以記錄一份詳細的搭建步驟, 防止再次跳坑...
此段教程參考自

推酷:Mac搭建nginx+rtmp伺服器

• 1. 開啟終端, 檢視是否已經安裝了Homebrew, 直接終端輸入命令

man brew

如果Mac已經安裝了, 會顯示一些命令的幫助資訊. 此時輸入Q退出即可, 直接進入第二步.
反之, 如果沒有安裝,執行命令

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

如果安裝後, 想要解除安裝

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

如果終端上提示

nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
.....

則表示8080埠被佔用了, 檢視埠PID

lsof -i tcp:8080

根據埠PID, kill掉(這兒的9603換成你自己8080埠的PID)

kill 9603

• 3.配置nginx和ramp
  首先我們檢視nginx安裝到哪了

brew info nginx-full

如圖, 找到nginx.conf檔案所在位置

通過vim或者點選Finder->前往->前往資料夾->輸入/usr/local/etc/nginx/nginx.conf->用記事本工具(推薦Sublime Text)開啟nginx.conf.

直接滾到最後一行, 在最後一個}(即最後的空白處, 沒有任何{})後面新增

# 在http節點後面加上rtmp配置：
rtmp {
    server {
        listen 1935;
        application rtmplive {
            live on;
            record off;
        }
    }
}

然後重啟nginx(其中的1.10.1要換成你自己安裝的nginx版本號, 檢視版本號用nginx -v命令即可)

/usr/local/Cellar/nginx-full/1.10.1/bin/nginx -s reload

昨天, 就在執行這段命令的時候, 坑出現了.(如果你命令執行成功, 重啟成功了, 沒有沒有任何異常, 請直接跳轉到下一步)
執行命令的時候, 報異常

nginx: [emerg] unknown directive “rtmp” in /usr/local/etc/nginx/nginx.conf:119

rtmp成了未知指令. 我趕緊Google, 將其中的答案都試了一遍, 這個bug濤聲依舊. 最後實在沒辦法了, brew list檢視所有安裝的模組, 才發現是自己手動敲命令的時候, 將nginx-full變成了nginx -full.

上解決方案:
解除安裝nginx

brew uninstall nginx

再次安裝nginx

brew install nginx-full --with-rtmp-module

• 1. 安裝ffmpeg

執行命令

brew install ffmpeg

安裝ffmpeg時間就要長一點了. 如果速度過慢, 建議翻牆. 不過也才50多M的東西, 耐心一點就好. 等待的時間裡, 再安裝一個支援rtmp協議的視訊播放器VLC

• 1. ffmpeg推流
     以我桌面的一個loginmovie.mp4(自己準備一個視訊檔案, 也可以用我github專案中Resource檔案下的兩個視訊檔案)為例, 執行推流命令

ffmpeg -re -i /Users/sunlin/Desktop/loginmovie.mp4 -vcodec libx264 -acodec aac -strict -2 -f flv rtmp://localhost:1935/rtmplive/room

將視訊推流到伺服器後，開啟VLC，然後File->open network->輸入：

rtmp://localhost:1935/rtmplive/room

效果如圖

快速整合直播推流

前提條件:

• 去github上下載最新的喵播專案.
• 根據上面教程配置好nginx+rtmp伺服器

原先準備自己實現一下直播推流,但是今天在技術群聊的時候, 有朋友推薦了優酷土豆旗下來瘋直播前不久開源的iOS推流框架LFLiveKit. 是用OC寫的, 很適合學習(我也準備深入研究一下這個框架, 有什麼疑問大家可以一起探討), 整合也非常簡單, 幾句程式碼就OK了.

下載好我寫的喵播後, 在Xcode左下方直接搜尋ShowTimeViewController, 進入ShowTimeViewController.m. 搜尋- (IBAction)living:(UIButton *)sender, 將裡面的stream.url替換成你自己的rtmp地址即可.

tip: LFLiveKit已經集成了GPUImage, 如果專案中有整合GPUImage, 需要將之前的移除掉. 且整合LFLiveKit需要關閉Bitcode.

結案陳詞

現在的喵播算得上是一個比較完整的視訊直播專案了, 雖然用了很多第三方, 但是也節省了開發的時間, 提升了開發效率.
後期這個專案我還會不斷的完善, 如果你有什麼好的idea或者效果, 可以微博私信我, 如果我能搞定, 我會盡快加上去的.

github下載地址

聯絡我

簡書