前言
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 環境下下載并編譯 ffmpeg 的步驟
第一步: 實際上就是下載 iOS 版的 ijkplayer
,我們已經下載過了。
第二步: 切換到 ijkplayer-ios
目錄。
cd ijkplayer-ios
第三步: 表示創建并切換到 latest
分支。
git checkout -B latest k0.7.9
執行第三步之前,項目分支為 master
執行完第三步,項目分支為latest
注意:第三步創建分支的操作不是必須要做的,但是學習開源框架建立分支是一個好習慣。
第四步:下載 ffmpeg
源碼
./init-ios.sh
-
init-ios.sh
表示一個shell
腳本文件,它的作用就是 下載 ffmpeg 源碼 -
./
表示在當前文件 -
./init-ios.sh
表示在當前文件夾執行腳本文件,下載 ffmpeg 框架
執行腳本文件,下載 ffmpeg 框架.png
這個過程比較耗時,耐心等待~~~
N min后!!!
下載完成,就會發現 ijkplayer
中有 ffmpeg
了。
下載好 ffmpeg,再次編譯 Demo
-
發現: 還是報錯
'libavformat/avformat.h' file not found
-
原因:
執行 init-ios.sh,
僅僅是下載源碼,但是源碼并沒有參與編譯,需要把源碼編譯成.a 文件
。` -
另外:
IJKMediaDemo
依賴IJKMediaPlayer
,如圖
IJKMediaDemo依賴IJKMediaPlayer.png
第五步: 打開 IJKMediaPlayer
,查看源碼
IJKMediaPlayer
位置
發現找不到對應的 .a 庫
發現: ffmpeg 中的庫都是紅的,表示不存在,需要進行編譯。
解決: 繼續查看 ijkplayer 的 README
第六步: 編譯 ffmpeg 庫,分為三小步
步驟一: 進入腳本文件的目錄下
步驟二: 執行 ./compile-ffmpeg.sh clean
./compile-ffmpeg.sh clean的作用
:
刪除一些文件和文件夾,為編譯 ffmpeg.sh
做準備,在編譯ffmpeg.sh
的時候,會自動創建剛才刪除的那些文件,為避免文件名沖突
,因此在編譯ffmpeg.sh
之前,先刪除等一會會自動創建的文件及文件夾。
步驟三: 執行./compile-ffmpeg.sh all
,真正地編譯各個平臺的 ffmpeg
庫,并生成所有平臺的通用庫
執行 ./compile-ffmpeg.sh all 之前
**執行 ./compile-ffmpeg.sh all **
執行腳本,編譯 ffmpeg,編譯需要一段時間,耐心等待
看到下面的界面,表示編譯完成
編譯完成之后
第七步: 再次運行 IJKMediaDemo
首先: 打開 IJKMediaPlayer,查看 ffmpeg 的庫文件是否生成
可以看到: ffmpeg 的 .a庫都已經生成了。
然后: 打開 IJKMediaDemo,并運行
運行成功,但是顯示如下:
原因: IJKMediaDemo 工程配置中,只支持橫屏
那么,到此,整個 ffmpeg 的編譯工作就全部做完了。
三、打包 IJKMediaFrame.framework
要想將ijkplayer
集成到項目中,有兩種方法:
第一種方法:
README 中的做法
這種方法其實就是跟 IJKMediaDemo
工程那樣,直接導入IJKMediaPlayer.xcodeproj
,就不再介紹。
這個方法比較麻煩,不推薦
建議自己打包靜態庫。
第二種方法: 打包 IJKMediaFrame.framework
框架
就是把 ijkplayer 打包成 framework
導入工程中使用。下面開始介紹如何打包IJKMediaPlayer.framework
,按照下面步驟一步一步做:
1、首先,打開工程 IJKMediaPlayer.xcodeproj,位置如下:
打開后,如下圖:
2、設置工程的 scheme
第一步: 選擇 Edit Scheme
第二步: 選擇是制作調試用的framework還是發布用的framework
第三步: 設置好 scheme 后,分別選擇真機模式和模擬器進行編譯,編譯完成后,進入 Finder,如下圖
進入 Finder 后,可以看到,有真機和模擬器兩個版本的編譯結果,如下圖:
3、合并真機和模擬器版本的framework
注意: 不要合錯了,要合并的是這個文件,如下圖:
打開終端,進行合并,命令行的格式如下:
lipo -create "真機版本路徑" "模擬器版本路徑" -output "合并后的文件路徑"
合并后,如下圖:
4、用合并生成的 IJKMediaFramework 替換掉原來的IJKMediaFramework
如圖:
上圖中的1、2兩步完成后,藍色框中的那個IJKMediaFramework.framework
文件就是我們所需要的框架了,可以復制出來,稍后我們需要導入項目中使用。
那么,到此,用于 調試(Debug)的 IJKMediaFramework.framework
就制作完成了。
用于發布(Release)的 IJKMediaFramework.framework
制作過程是類似的,就不再介紹。
已經將兩種模式下的 IJKMediaFramework.framework
上傳至網盤,
網盤分享鏈接: https://page13.ctfile.com/dir/14174113-21635467-cd9f24/
四、使用打包好的 IJKMediaFramework.framework 將 ijkplayer 集成到項目中
1、 新建工程,導入合并后的 IJKMediaFramework.framework
調試的話,拖入調試版的 ijkplayer 庫
發布的話,拖入發布版的 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地址
以上,是參照其它資料,自己親自動手實現的。