IJKPlayer集成直播拉流播放

iOS端集成ijkplayer實現直播播放

前言
  ijkplayer框架是專門用來作 視頻直播 的開源框架,基於ffmpeg,同時支持 Android 和 iOS 平臺。
  對於 App 中的直播功能,若是咱們成功集成ijkplayer ,那麼就算完成一半的工程了。接下來,只要獲取到 拉流 URL,就能實現視頻直播功能了。
  可是初次集成這個框架,對於新手仍是有必定難度的。
  本篇主要介紹如何快速集成 ijkplayer 框架。javascript


最終效果.gif

1、下載 ijkplayer

一、下載 ijkplayer 框架源碼

ijkplayer下載地址java


二、打開終端,經過 git clone 進行下載


在終端中經過 git clone 下載.png

第一步: cd 進入指定的下載路徑。ios

cd /Users/XDLee/Desktop/Live

第二步: 經過 git clone 命令進行下載。git

git clone https://github.com/Bilibili/ijkplayer.git ijkplayer-ios

下載過程比較耗時,耐心等待~~~github


2、編譯 ffmpeg

一、下載完成,運行Demo,看看效果。

ijkplayer框架的目錄結構以下:shell


ijkplayer 框架的目錄結構.png

二、打開 IJKMediaDemo,並編譯

提示: 'libavformat/avformat.h' file not foundjson


編譯 IJKMediaDemo 報錯.png

緣由: libavformat 是 ffmpeg 框架中的庫,而 ijkplayer 又是基於 ffmpeg 框架的,所以須要導入 ffmpeg
解決辦法: 查看 ijkplayer 的 README.md。api


三、按照 README 中的說明下載並編譯編譯 ffmpeg

如下是 iOS 環境下下載並編譯 ffmpeg 的步驟xcode


README 中的說明.png

第一步: 實際上就是下載 iOS 版的 ijkplayer,咱們已經下載過了。
第二步: 切換到 ijkplayer-ios 目錄。bash

cd ijkplayer-ios

第三步: 表示建立並切換到 latest 分支。

git checkout -B latest k0.7.9

執行第三步以前,項目分支爲 master


執行第三步以前,項目在 master 主幹.png

執行完第三步,項目分支爲latest


執行終端命令png

執行第三步以後,項目在 latest 分支.png

注意:第三步建立分支的操做不是必需要作的,可是學習開源框架創建分支是一個好習慣。

第四步:下載 ffmpeg 源碼

./init-ios.sh
  • init-ios.sh 表示一個 shell 腳本文件,它的做用就是 下載 ffmpeg 源碼
  • ./ 表示在當前文件
  • ./init-ios.sh 表示在當前文件夾執行腳本文件,下載 ffmpeg 框架

    執行腳本文件,下載 ffmpeg 框架.png

這個過程比較耗時,耐心等待~~~
N min後!!!
下載完成,就會發現 ijkplayer 中有 ffmpeg 了。


ijkplayer 中有 ffmpeg 了.png

下載好 ffmpeg,再次編譯 Demo

  • 發現: 仍是報錯'libavformat/avformat.h' file not found
  • 緣由: 執行 init-ios.sh,僅僅是下載源碼,可是源碼並無參與編譯,須要把源碼編譯成 .a 文件。`
  • 另外: IJKMediaDemo 依賴 IJKMediaPlayer,如圖

    IJKMediaDemo依賴IJKMediaPlayer.png

第五步: 打開 IJKMediaPlayer,查看源碼
IJKMediaPlayer 位置


IJKMediaPlayer的位置.png

發現找不到對應的 .a 庫


找不到對應的.a庫.png

發現: ffmpeg 中的庫都是紅的,表示不存在,須要進行編譯。
解決: 繼續查看 ijkplayer 的 README


編譯 ffmpeg 的命令.png

第六步: 編譯 ffmpeg 庫,分爲三小步
步驟一: 進入腳本文件的目錄下


進入腳本文件所在目錄.png

步驟二: 執行 ./compile-ffmpeg.sh clean


執行腳本文件.png

./compile-ffmpeg.sh clean的做用:
  刪除一些文件和文件夾,爲編譯 ffmpeg.sh 作準備,在編譯ffmpeg.sh的時候,會自動建立剛纔刪除的那些文件,爲避免文件名衝突,所以在編譯ffmpeg.sh以前,先刪除等一會會自動建立的文件及文件夾。

步驟三: 執行./compile-ffmpeg.sh all,真正地編譯各個平臺的 ffmpeg 庫,並生成全部平臺的通用庫
執行 ./compile-ffmpeg.sh all 以前


執行腳本以前

執行 ./compile-ffmpeg.sh all 
執行腳本,編譯 ffmpeg,編譯須要一段時間,耐心等待


執行腳本以後.png

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


編譯完成.png

編譯完成以後


編譯完成以後,ijkplayer目錄結構.png

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


ffmpeg庫文件已經生成.png

能夠看到: ffmpeg 的 .a庫都已經生成了。
而後: 打開 IJKMediaDemo,並運行
運行成功,可是顯示以下:


Demo運行成功.png

緣由: IJKMediaDemo 工程配置中,只支持橫屏


屏幕方向沒有支持豎屏.png

那麼,到此,整個 ffmpeg 的編譯工做就所有作完了。


3、打包 IJKMediaFrame.framework

要想將ijkplayer集成到項目中,有兩種方法:
第一種方法:
README 中的作法
這種方法其實就是跟 IJKMediaDemo工程那樣,直接導入IJKMediaPlayer.xcodeproj,就再也不介紹。
這個方法比較麻煩,不推薦


README方法.png

建議本身打包靜態庫。
第二種方法: 打包 IJKMediaFrame.framework框架
就是把 ijkplayer 打包成 framework導入工程中使用。下面開始介紹如何打包IJKMediaPlayer.framework,按照下面步驟一步一步作:

一、首先,打開工程 IJKMediaPlayer.xcodeproj,位置以下:


IJKMediaPlayer工程的位置.png

打開後,以下圖:


IJKMediaPlayer工程.png

二、設置工程的 scheme

第一步: 選擇 Edit Scheme


選擇 Edit Scheme.png

第二步: 選擇是製做調試用的framework仍是發佈用的framework


選擇Debug或者Release.png

第三步: 設置好 scheme 後,分別選擇真機模式和模擬器進行編譯,編譯完成後,進入 Finder,以下圖


進入Finder.png

進入 Finder 後,能夠看到,有真機和模擬器兩個版本的編譯結果,以下圖:


編譯結果.png

三、合併真機和模擬器版本的framework

注意: 不要合錯了,要合併的是這個文件,以下圖:


要合併的文件.png

打開終端,進行合併,命令行的格式以下:

lipo -create "真機版本路徑" "模擬器版本路徑" -output "合併後的文件路徑"

合併後,以下圖:


合併後的framework文件.png

四、用合併生成的 IJKMediaFramework 替換掉原來的IJKMediaFramework

如圖:


操做示意圖.png

上圖中的一、2兩步完成後,藍色框中的那個IJKMediaFramework.framework文件就是咱們所須要的框架了,能夠複製出來,稍後咱們須要導入項目中使用。
那麼,到此,用於 調試(Debug)的 IJKMediaFramework.framework就製做完成了。
用於發佈(Release)的 IJKMediaFramework.framework 製做過程是相似的,就再也不介紹。
已經將兩種模式下的 IJKMediaFramework.framework 上傳至網盤,
網盤分享連接: https://page13.ctfile.com/dir/14174113-21635467-cd9f24/


4、使用打包好的 IJKMediaFramework.framework 將 ijkplayer 集成到項目中

一、 新建工程,導入合併後的 IJKMediaFramework.framework

調試的話,拖入調試版的 ijkplayer 庫
發佈的話,拖入發佈版的 ijkplayer 庫


導入 IJKMediaFramework.framework.png

二、查看 ijkplayer 的 README,導入依賴庫


依賴庫.png

如圖,導入依賴庫完成


導入依賴庫完成.png

三、測試一下是否集成成功

ViewController.m中進行測試,首先導入IJKMediaFramework.h頭文件,編譯一下,看有沒有報錯,若是沒有報錯,就說明集成成功了。
通過編譯,證明集成成功了。


5、使用 ijkplayer 實現一個簡單的直播視頻

一、ijkplayer 用法簡介

  • ijkplayer 用法比較簡單,其實只要有直播地址,就能直播
  • 注意: 最好是真機測試,模擬器測試比較卡,不流暢

二、抓取數據

#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); }]; }

三、經過 拉流 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]; }

四、離開直播間,須要中止播放

#pragma mark - 當離開當前直播間的時候,要中止播放 - (void)viewWillDisappear:(BOOL)animated { [super viewWillDisappear:animated]; // 界面消失,必定要記得中止播放 [_playerVC pause]; [_playerVC stop]; [_playerVC shutdown]; }

五、最後,附上Demo地址

Demo地址

相關文章
相關標籤/搜索