前言
ijkplayer
框架是專門用來做 視頻直播 的開源框架,基于ffmpeg
恩沽,同時支持 Android 和 iOS 平臺冷溶。
對于 App 中的直播功能舔示,如果我們成功集成ijkplayer
,那么就算完成一半的工程了过吻。接下來进泼,只要獲取到 拉流 URL,就能實現視頻直播
功能了纤虽。
但是初次集成這個框架乳绕,對于新手還是有一定難度的。
本篇主要介紹如何快速集成ijkplayer
框架逼纸。
一洋措、下載 ijkplayer
1、下載 ijkplayer 框架源碼
2杰刽、打開終端菠发,通過 git clone 進行下載
第一步: cd
進入指定的下載路徑王滤。
cd /Users/XDLee/Desktop/Live
**第二步: **通過 git clone
命令進行下載。
git clone https://github.com/Bilibili/ijkplayer.git ijkplayer-ios
下載過程比較耗時滓鸠,耐心等待~~~
二雁乡、編譯 ffmpeg
1、下載完成糜俗,運行Demo踱稍,看看效果。
ijkplayer
框架的目錄結構如下:
2悠抹、打開 IJKMediaDemo珠月,并編譯
提示: 'libavformat/avformat.h' file not found
原因: libavformat
是 ffmpeg
框架中的庫,而 ijkplayer
又是基于 ffmpeg
框架的楔敌,因此需要導入 ffmpeg
桥温。
解決辦法: 查看 ijkplayer
的 README.md。
3梁丘、按照 README 中的說明下載并編譯編譯 ffmpeg
以下是 iOS 環(huán)境下下載并編譯 ffmpeg 的步驟
第一步: 實際上就是下載 iOS 版的 ijkplayer
侵浸,我們已經下載過了。
第二步: 切換到 ijkplayer-ios
目錄氛谜。
cd ijkplayer-ios
第三步: 表示創(chuàng)建并切換到 latest
分支掏觉。
git checkout -B latest k0.7.9
執(zhí)行第三步之前,項目分支為 master
執(zhí)行完第三步澳腹,項目分支為latest
注意:第三步創(chuàng)建分支的操作不是必須要做的杨何,但是學習開源框架建立分支是一個好習慣酱塔。
第四步:下載 ffmpeg
源碼
./init-ios.sh
-
init-ios.sh
表示一個shell
腳本文件,它的作用就是 下載 ffmpeg 源碼 -
./
表示在當前文件 -
./init-ios.sh
表示在當前文件夾執(zhí)行腳本文件危虱,下載 ffmpeg 框架
這個過程比較耗時,耐心等待~~~
N min后0u巍H镧琛!
下載完成弥雹,就會發(fā)現 ijkplayer
中有 ffmpeg
了垃帅。
下載好 ffmpeg,再次編譯 Demo
-
發(fā)現: 還是報錯
'libavformat/avformat.h' file not found
-
原因:
執(zhí)行 init-ios.sh剪勿,
僅僅是下載源碼贸诚,但是源碼并沒有參與編譯,需要把源碼編譯成.a 文件
。` -
另外:
IJKMediaDemo
依賴IJKMediaPlayer
酱固,如圖
第五步: 打開 IJKMediaPlayer
二鳄,查看源碼
IJKMediaPlayer
位置
發(fā)現找不到對應的 .a 庫
發(fā)現: ffmpeg 中的庫都是紅的,表示不存在媒怯,需要進行編譯订讼。
解決: 繼續(xù)查看 ijkplayer 的 README
第六步: 編譯 ffmpeg 庫,分為三小步
步驟一: 進入腳本文件的目錄下
步驟二: 執(zhí)行 ./compile-ffmpeg.sh clean
./compile-ffmpeg.sh clean的作用
:
刪除一些文件和文件夾扇苞,為編譯 ffmpeg.sh
做準備欺殿,在編譯ffmpeg.sh
的時候,會自動創(chuàng)建剛才刪除的那些文件鳖敷,為避免文件名沖突
脖苏,因此在編譯ffmpeg.sh
之前,先刪除等一會會自動創(chuàng)建的文件及文件夾定踱。
步驟三: 執(zhí)行./compile-ffmpeg.sh all
棍潘,真正地編譯各個平臺的 ffmpeg
庫,并生成所有平臺的通用庫
執(zhí)行 ./compile-ffmpeg.sh all 之前
**執(zhí)行 ./compile-ffmpeg.sh all **
執(zhí)行腳本崖媚,編譯 ffmpeg亦歉,編譯需要一段時間,耐心等待
看到下面的界面畅哑,表示編譯完成
編譯完成之后
第七步: 再次運行 IJKMediaDemo
首先: 打開 IJKMediaPlayer,查看 ffmpeg 的庫文件是否生成
可以看到: ffmpeg 的 .a庫都已經生成了荠呐。
然后: 打開 IJKMediaDemo赛蔫,并運行
運行成功,但是顯示如下:
原因: IJKMediaDemo 工程配置中泥张,只支持橫屏
那么呵恢,到此,整個 ffmpeg 的編譯工作就全部做完了媚创。
三渗钉、打包 IJKMediaFrame.framework
要想將ijkplayer
集成到項目中,有兩種方法:
第一種方法:
README 中的做法
這種方法其實就是跟 IJKMediaDemo
工程那樣筝野,直接導入IJKMediaPlayer.xcodeproj
晌姚,就不再介紹粤剧。
這個方法比較麻煩歇竟,不推薦
建議自己打包靜態(tài)庫。
第二種方法: 打包 IJKMediaFrame.framework
框架
就是把 ijkplayer 打包成 framework
導入工程中使用抵恋。下面開始介紹如何打包IJKMediaPlayer.framework
焕议,按照下面步驟一步一步做:
1、首先弧关,打開工程 IJKMediaPlayer.xcodeproj盅安,位置如下:
打開后唤锉,如下圖:
2、設置工程的 scheme
第一步: 選擇 Edit Scheme
第二步: 選擇是制作調試用的framework還是發(fā)布用的framework
第三步: 設置好 scheme 后别瞭,分別選擇真機模式和模擬器進行編譯窿祥,編譯完成后,進入 Finder蝙寨,如下圖
進入 Finder 后晒衩,可以看到,有真機和模擬器兩個版本的編譯結果墙歪,如下圖:
3听系、合并真機和模擬器版本的framework
注意: 不要合錯了,要合并的是這個文件虹菲,如下圖:
打開終端恩商,進行合并赐劣,命令行的格式如下:
lipo -create "真機版本路徑" "模擬器版本路徑" -output "合并后的文件路徑"
合并后,如下圖:
4、用合并生成的 IJKMediaFramework 替換掉原來的IJKMediaFramework
如圖:
上圖中的1撒犀、2兩步完成后,藍色框中的那個IJKMediaFramework.framework
文件就是我們所需要的框架了坐慰,可以復制出來馁蒂,稍后我們需要導入項目中使用。
那么瘩欺,到此必盖,用于 調試(Debug)的 IJKMediaFramework.framework
就制作完成了。
用于發(fā)布(Release)的 IJKMediaFramework.framework
制作過程是類似的俱饿,就不再介紹歌粥。
已經將兩種模式下的 IJKMediaFramework.framework
上傳至網盤,
網盤分享鏈接: https://page13.ctfile.com/dir/14174113-21635467-cd9f24/
四拍埠、使用打包好的 IJKMediaFramework.framework 將 ijkplayer 集成到項目中
1失驶、 新建工程,導入合并后的 IJKMediaFramework.framework
調試的話枣购,拖入調試版的 ijkplayer 庫
發(fā)布的話嬉探,拖入發(fā)布版的 ijkplayer 庫
2、查看 ijkplayer 的 README棉圈,導入依賴庫
如圖涩堤,導入依賴庫完成
3、測試一下是否集成成功
在ViewController.m
中進行測試分瘾,首先導入IJKMediaFramework.h
頭文件胎围,編譯一下,看有沒有報錯,如果沒有報錯白魂,就說明集成成功了汽纤。
經過編譯,證實集成成功了福荸。
五蕴坪、使用 ijkplayer 實現一個簡單的直播視頻
1、ijkplayer 用法簡介
- ijkplayer 用法比較簡單敬锐,其實只要有直播地址辞嗡,就能直播
- 注意: 最好是真機測試,模擬器測試比較卡滞造,不流暢
2续室、抓取數據
#pragma mark - 加載網絡數據
- (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";
// 請求數據
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) {
// 字典轉模型
_lives = [XDLive mj_objectArrayWithKeyValuesArray:responseObject[@"lives"]];
// 刷新表格
[_tableView reloadData];
} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
NSLog(@"%@", error);
}];
}
3谒养、通過 拉流 URL 來觀看直播
#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 - 當離開當前直播間的時候买窟,要停止播放
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
// 界面消失丰泊,一定要記得停止播放
[_playerVC pause];
[_playerVC stop];
[_playerVC shutdown];
}
5、最后始绍,附上Demo地址
Demo地址
以上瞳购,是參照其它資料,自己親自動手實現的亏推。