音视频开发经验之路iOS程序媛iOS学习

iOS开发直播app(播放篇)

2016-12-07  本文已影响444人  伍骁辛

在开发一款直播app的过程中,会用到视频直播的框架,这里用的是ijkplayer这个开源框架,基于ffmpeg,支持Android和iOS等不同平台。下面就开始详细讲一下在iOS项目中如何集成ijkplayer框架。

一、下载ijkPlayer

去B站github主页下载ijkplayer源码下载地址

打开下载demo,路径如下:

demo路径.png

二、编译ijkPlayer步骤

1.运行ijkPlayerMediaDemo

提示'libavformat/avformat.h' file not found
tip.png

ps:由于ijkPlayer是基于ffmpeg这个库的,因此需要导入ffmpeg

解释.png

下面执行脚本文件下载ffmpeg

步骤一.找到init-ios.sh脚本文件
路径.png
步骤二.打开终端,cd到当前ijkplayer-master的目录中
目录.png
步骤三.输入./init-ios.sh,执行当前脚本了。
终端.png

下载前后对比:


下载前.png 下载后.png

2.下载好ffmpeg源码后,运行Demo

依旧提示'libavformat/avformat.h' file not found

原因是下载了ffmpeg库,但是并没有编译
打开 IJKMediaPlayer库

IJKMediaPlayer源码.png

FFMPEG中的库中lib.a都是红色的,表示文件不存在,需要编译

编译ffmpeg库

步骤一、终端进入脚本文件的目录

找到ios目录.png
步骤二、执行./compile-ffmpeg.sh clean
目的是删除一些文件,避免文件名冲突,在编译ffmpeg.sh的时候会创建删除的这些文件 clean.png

步骤三、执行./compile-ffmpeg.sh all,编译ffmpeg,并生成所有平台的通用库
ps:编译ffmpeg需要一段时间
编译前

编译前.png
执行compile-ffmpeg.sh all编译后 编译后.png

3.再次运行demo,可以成功运行,此时可以看到IJKMediaPlayer库可以取到ffmpeg库

ffmpeg库.png

三、集成ijkplayer有两种方法

第一种方法直接把ijkplayer库导入自己的工程中

导入.png

2.导入ijkplayer依赖的库

导入相关库.png
第二种方法是把IJKMediaPlayer打包成静态库导入到自己的项目中使用,可以参考iOS中集成ijkplayer视频直播框架打包静态库,很详细。

四、使用ijkplayer直播

1.使用charles抓取数据

-(void)requestData
{
     NSString *url = @"http://116.211.167.106/api/live/aggregation?uid=40788282&interest=1";
    AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];
    manager.responseSerializer = [AFJSONResponseSerializer serializer];
    manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"text/plain", nil];
   [manager GET:url parameters:nil progress:nil success:^(NSURLSessionDataTask * _Nonnull task, id  _Nullable responseObject) {
    _listArray = [LiveListModel mj_objectArrayWithKeyValuesArray:responseObject[@"lives"]];
    [self.tableView reloadData];
    
} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
    NSLog(@"%@",error);
}];
}

2.获取拉流url观看直播

-(void)InitView
{
      /* @设置直播占位图
       * @ 创建IJKFFMoviePlayerController:专门用来直播,并且传入拉流地址
       * @ 准备播放
       * @强引用player,防止被销毁
       ***/
 
     self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
     [self.view addSubview:self.imageView];

     NSURL *imageUrl = [NSURL URLWithString:[NSString stringWithFormat:@"http://img.meelive.cn/%@",_liveListModel.creator.portrait]];
     [self.imageView sd_setImageWithURL:imageUrl placeholderImage:nil];

     //拉流地址
     NSURL *streamUrl = [NSURL URLWithString:_liveListModel.stream_addr];

     IJKFFMoviePlayerController *playerVC = [[IJKFFMoviePlayerController alloc] initWithContentURL:streamUrl withOptions:nil];
     [playerVC prepareToPlay];

     //强引用
     _player = playerVC;

     playerVC.view.frame = [UIScreen mainScreen].bounds;
     [self.view insertSubview:playerVC.view atIndex:1];
}

3.结束播放

-(void)viewWillDisappear:(BOOL)animated
{
      [super viewWillDisappear:animated];
      //界面消失 停止播放
      [_player pause];
      [_player stop];
      [_player shutdown];
}

效果:

效果.png

Demo下载
ps:
下载demo后,pod install解决error。另外由于ffmpeg库比较大,下载demo后需要自己导入IJKPlayer库,也可以打包IJKMediaFramework.framework框架导入工程中。

上一篇下一篇

猜你喜欢

热点阅读