前言
ijkplayer框架是專門用來(lái)做 視頻直播 的開源框架,基于ffmpeg,同時(shí)支持 Android 和 iOS 平臺(tái)。
對(duì)于 App 中的直播功能,如果我們成功集成ijkplayer,那么就算完成一半的工程了。接下來(lái),只要獲取到 拉流 URL,就能實(shí)現(xiàn)視頻直播功能了。
但是初次集成這個(gè)框架,對(duì)于新手還是有一定難度的。
本篇主要介紹如何快速集成ijkplayer框架。

一、下載 ijkplayer
1、下載 ijkplayer 框架源碼
2、打開終端,通過(guò) git clone 進(jìn)行下載

第一步: cd 進(jìn)入指定的下載路徑。
cd /Users/XDLee/Desktop/Live
**第二步: **通過(guò) git clone 命令進(jìn)行下載。
git clone https://github.com/Bilibili/ijkplayer.git ijkplayer-ios
下載過(guò)程比較耗時(shí),耐心等待~~~
二、編譯 ffmpeg
1、下載完成,運(yùn)行Demo,看看效果。
ijkplayer框架的目錄結(jié)構(gòu)如下:

2、打開 IJKMediaDemo,并編譯
提示: 'libavformat/avformat.h' file not found

原因: libavformat 是 ffmpeg 框架中的庫(kù),而 ijkplayer 又是基于 ffmpeg 框架的,因此需要導(dǎo)入 ffmpeg。
解決辦法: 查看 ijkplayer 的 README.md。
3、按照 README 中的說(shuō)明下載并編譯編譯 ffmpeg
以下是 iOS 環(huán)境下下載并編譯 ffmpeg 的步驟

第一步: 實(shí)際上就是下載 iOS 版的 ijkplayer,我們已經(jīng)下載過(guò)了。
第二步: 切換到 ijkplayer-ios 目錄。
cd ijkplayer-ios
第三步: 表示創(chuàng)建并切換到 latest 分支。
git checkout -B latest k0.7.9
執(zhí)行第三步之前,項(xiàng)目分支為 master

執(zhí)行完第三步,項(xiàng)目分支為latest


注意:第三步創(chuàng)建分支的操作不是必須要做的,但是學(xué)習(xí)開源框架建立分支是一個(gè)好習(xí)慣。
第四步:下載 ffmpeg 源碼
./init-ios.sh
-
init-ios.sh表示一個(gè)shell腳本文件,它的作用就是 下載 ffmpeg 源碼 -
./表示在當(dāng)前文件 -
./init-ios.sh表示在當(dāng)前文件夾執(zhí)行腳本文件,下載 ffmpeg 框架
執(zhí)行腳本文件,下載 ffmpeg 框架.png
這個(gè)過(guò)程比較耗時(shí),耐心等待~~~
N min后?。?!
下載完成,就會(huì)發(fā)現(xiàn) ijkplayer 中有 ffmpeg 了。

下載好 ffmpeg,再次編譯 Demo
-
發(fā)現(xiàn): 還是報(bào)錯(cuò)
'libavformat/avformat.h' file not found -
原因:
執(zhí)行 init-ios.sh,僅僅是下載源碼,但是源碼并沒(méi)有參與編譯,需要把源碼編譯成.a 文件。` -
另外:
IJKMediaDemo依賴IJKMediaPlayer,如圖
IJKMediaDemo依賴IJKMediaPlayer.png
第五步: 打開 IJKMediaPlayer,查看源碼
IJKMediaPlayer 位置

發(fā)現(xiàn)找不到對(duì)應(yīng)的 .a 庫(kù)

發(fā)現(xiàn): ffmpeg 中的庫(kù)都是紅的,表示不存在,需要進(jìn)行編譯。
解決: 繼續(xù)查看 ijkplayer 的 README

第六步: 編譯 ffmpeg 庫(kù),分為三小步
步驟一: 進(jìn)入腳本文件的目錄下

步驟二: 執(zhí)行 ./compile-ffmpeg.sh clean

./compile-ffmpeg.sh clean的作用:
刪除一些文件和文件夾,為編譯 ffmpeg.sh 做準(zhǔn)備,在編譯ffmpeg.sh的時(shí)候,會(huì)自動(dòng)創(chuàng)建剛才刪除的那些文件,為避免文件名沖突,因此在編譯ffmpeg.sh之前,先刪除等一會(huì)會(huì)自動(dòng)創(chuàng)建的文件及文件夾。
步驟三: 執(zhí)行./compile-ffmpeg.sh all,真正地編譯各個(gè)平臺(tái)的 ffmpeg 庫(kù),并生成所有平臺(tái)的通用庫(kù)
執(zhí)行 ./compile-ffmpeg.sh all 之前

**執(zhí)行 ./compile-ffmpeg.sh all **
執(zhí)行腳本,編譯 ffmpeg,編譯需要一段時(shí)間,耐心等待

看到下面的界面,表示編譯完成

編譯完成之后

第七步: 再次運(yùn)行 IJKMediaDemo
首先: 打開 IJKMediaPlayer,查看 ffmpeg 的庫(kù)文件是否生成

可以看到: ffmpeg 的 .a庫(kù)都已經(jīng)生成了。
然后: 打開 IJKMediaDemo,并運(yùn)行
運(yùn)行成功,但是顯示如下:

原因: IJKMediaDemo 工程配置中,只支持橫屏

那么,到此,整個(gè) ffmpeg 的編譯工作就全部做完了。
三、打包 IJKMediaFrame.framework
要想將ijkplayer集成到項(xiàng)目中,有兩種方法:
第一種方法:
README 中的做法
這種方法其實(shí)就是跟 IJKMediaDemo工程那樣,直接導(dǎo)入IJKMediaPlayer.xcodeproj,就不再介紹。
這個(gè)方法比較麻煩,不推薦

建議自己打包靜態(tài)庫(kù)。
第二種方法: 打包 IJKMediaFrame.framework框架
就是把 ijkplayer 打包成 framework導(dǎo)入工程中使用。下面開始介紹如何打包IJKMediaPlayer.framework,按照下面步驟一步一步做:
1、首先,打開工程 IJKMediaPlayer.xcodeproj,位置如下:

打開后,如下圖:

2、設(shè)置工程的 scheme
第一步: 選擇 Edit Scheme

第二步: 選擇是制作調(diào)試用的framework還是發(fā)布用的framework

第三步: 設(shè)置好 scheme 后,分別選擇真機(jī)模式和模擬器進(jìn)行編譯,編譯完成后,進(jìn)入 Finder,如下圖

進(jìn)入 Finder 后,可以看到,有真機(jī)和模擬器兩個(gè)版本的編譯結(jié)果,如下圖:

3、合并真機(jī)和模擬器版本的framework
注意: 不要合錯(cuò)了,要合并的是這個(gè)文件,如下圖:

打開終端,進(jìn)行合并,命令行的格式如下:
lipo -create "真機(jī)版本路徑" "模擬器版本路徑" -output "合并后的文件路徑"
合并后,如下圖:

4、用合并生成的 IJKMediaFramework 替換掉原來(lái)的IJKMediaFramework
如圖:

上圖中的1、2兩步完成后,藍(lán)色框中的那個(gè)IJKMediaFramework.framework文件就是我們所需要的框架了,可以復(fù)制出來(lái),稍后我們需要導(dǎo)入項(xiàng)目中使用。
那么,到此,用于 調(diào)試(Debug)的 IJKMediaFramework.framework就制作完成了。
用于發(fā)布(Release)的 IJKMediaFramework.framework 制作過(guò)程是類似的,就不再介紹。
已經(jīng)將兩種模式下的 IJKMediaFramework.framework 上傳至網(wǎng)盤,
網(wǎng)盤分享鏈接: https://page13.ctfile.com/dir/14174113-21635467-cd9f24/
四、使用打包好的 IJKMediaFramework.framework 將 ijkplayer 集成到項(xiàng)目中
1、 新建工程,導(dǎo)入合并后的 IJKMediaFramework.framework
調(diào)試的話,拖入調(diào)試版的 ijkplayer 庫(kù)
發(fā)布的話,拖入發(fā)布版的 ijkplayer 庫(kù)

2、查看 ijkplayer 的 README,導(dǎo)入依賴庫(kù)

如圖,導(dǎo)入依賴庫(kù)完成

3、測(cè)試一下是否集成成功
在ViewController.m中進(jìn)行測(cè)試,首先導(dǎo)入IJKMediaFramework.h頭文件,編譯一下,看有沒(méi)有報(bào)錯(cuò),如果沒(méi)有報(bào)錯(cuò),就說(shuō)明集成成功了。
經(jīng)過(guò)編譯,證實(shí)集成成功了。
五、使用 ijkplayer 實(shí)現(xiàn)一個(gè)簡(jiǎn)單的直播視頻
1、ijkplayer 用法簡(jiǎn)介
- ijkplayer 用法比較簡(jiǎn)單,其實(shí)只要有直播地址,就能直播
- 注意: 最好是真機(jī)測(cè)試,模擬器測(cè)試比較卡,不流暢
2、抓取數(shù)據(jù)
- 這里選擇抓取映客直播的數(shù)據(jù)
- 映客主播URL:
http://service.inke.com/api/live/simpleall?&gender=1&gps_info=116.346844%2C40.090467&loc_info=CN%2C%E5%8C%97%E4%BA%AC%E5%B8%82%2C%E5%8C%97%E4%BA%AC%E5%B8%82&is_new_user=1&lc=0000000000000053&cc=TG0001&cv=IK4.0.30_Iphone&proto=7&idfa=D7D0D5A2-3073-4A74-A726-98BE8B4E8F38&idfv=58A18E13-A21D-456D-B6D8-7499948B379D&devi=54b68af1895085419f7f8978d95d95257dd44f93&osversion=ios_10.300000&ua=iPhone6_2&imei=&imsi=&uid=450515766&sid=20XNNoa5VwMozGALfmi2xN1YCfLWvEq7aJuTHTQLu8bT88i1aNbi0&conn=wifi&mtid=391bb3520c38e0444ba0b3975f4bb1aa&mtxid=f0b42913a33c&logid=162,210&s_sg=3111b3a0092d652ab3bcb218099968de&s_sc=100&s_st=1492954889
主播 URL 可以通過(guò)Charles進(jìn)行攔截獲取。
#pragma mark - 加載網(wǎng)絡(luò)數(shù)據(jù)
- (void)loadData {
// 映客URL
NSString *urlString = @"http://service.inke.com/api/live/simpleall?&gender=1&gps_info=116.346766%2C40.090413&loc_info=CN%2C%E5%8C%97%E4%BA%AC%E5%B8%82%2C%E5%8C%97%E4%BA%AC%E5%B8%82&is_new_user=1&lc=0000000000000053&cc=TG0001&cv=IK4.0.30_Iphone&proto=7&idfa=D7D0D5A2-3073-4A74-A726-98BE8B4E8F38&idfv=58A18E13-A21D-456D-B6D8-7499948B379D&devi=54b68af1895085419f7f8978d95d95257dd44f93&osversion=ios_10.300000&ua=iPhone6_2&imei=&imsi=&uid=450515766&sid=20XNNoa5VwMozGALfmi2xN1YCfLWvEq7aJuTHTQLu8bT88i1aNbi0&conn=wifi&mtid=391bb3520c38e0444ba0b3975f4bb1aa&mtxid=f0b42913a33c&logid=162,210&s_sg=89b4fd485d7c5ac30dc0dbf6042a06a9&s_sc=100&s_st=1493023925";
// 請(qǐng)求數(shù)據(jù)
AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];
manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"application/json", @"text/json", @"text/javascript", @"text/plain", nil];
[manager GET:urlString parameters:nil progress:nil success:^(NSURLSessionDataTask * _Nonnull task, id _Nullable responseObject) {
// 字典轉(zhuǎn)模型
_lives = [XDLive mj_objectArrayWithKeyValuesArray:responseObject[@"lives"]];
// 刷新表格
[_tableView reloadData];
} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
NSLog(@"%@", error);
}];
}
3、通過(guò) 拉流 URL 來(lái)觀看直播
#pragma mark - 播放直播
- (void)playLive {
// 拉流 URL
NSURL *liveURL = [NSURL URLWithString:_live.stream_addr];
IJKFFMoviePlayerController *playerVC = [[IJKFFMoviePlayerController alloc] initWithContentURL:liveURL withOptions:nil];
[self.view insertSubview:playerVC.view belowSubview:_backBtn];
[playerVC.view mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(self.view);
}];
// 記錄成員變量
_playerVC = playerVC;
[playerVC prepareToPlay];
[playerVC play];
}
4、離開直播間,需要停止播放
#pragma mark - 當(dāng)離開當(dāng)前直播間的時(shí)候,要停止播放
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
// 界面消失,一定要記得停止播放
[_playerVC pause];
[_playerVC stop];
[_playerVC shutdown];
}
5、最后,附上Demo地址
Demo地址
以上,是參照其它資料,自己親自動(dòng)手實(shí)現(xiàn)的。

