IJKPlayer集成直播拉流播放

iOS端集成ijkplayer实现直播播放

前言
　　ijkplayer框架是专门用来做 视频直播 的开源框架，基于ffmpeg，同时支持 Android 和 iOS 平台。
　　对于 App 中的直播功能，如果我们成功集成ijkplayer ，那么就算完成一半的工程了。接下来，只要获取到 拉流 URL，就能实现视频直播功能了。
　　但是初次集成这个框架，对于新手还是有一定难度的。
　　本篇主要介绍如何快速集成 ijkplayer 框架。

最终效果.gif

一、下载 ijkplayer

1、下载 ijkplayer 框架源码

ijkplayer下载地址

2、打开终端，通过 git clone 进行下载

在终端中通过 git clone 下载.png

第一步: cd 进入指定的下载路径。

cd /Users/XDLee/Desktop/Live

第二步: 通过 git clone 命令进行下载。

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

下载过程比较耗时，耐心等待~~~

二、编译 ffmpeg

1、下载完成，运行Demo，看看效果。

ijkplayer框架的目录结构如下:

ijkplayer 框架的目录结构.png

2、打开 IJKMediaDemo，并编译

提示: ‘libavformat/avformat.h‘ file not found

编译 IJKMediaDemo 报错.png

原因: libavformat 是 ffmpeg 框架中的库，而 ijkplayer 又是基于 ffmpeg 框架的，因此需要导入 ffmpeg。
解决办法: 查看 ijkplayer 的 README.md。

3、按照 README 中的说明下载并编译编译 ffmpeg

以下是 iOS 环境下下载并编译 ffmpeg 的步骤

README 中的说明.png

第一步: 实际上就是下载 iOS 版的 ijkplayer，我们已经下载过了。
第二步: 切换到 ijkplayer-ios 目录。

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 的编译工作就全部做完了。

三、打包 IJKMediaFrame.framework

要想将ijkplayer集成到项目中，有两种方法:
第一种方法:
README 中的做法
这种方法其实就是跟 IJKMediaDemo工程那样，直接导入IJKMediaPlayer.xcodeproj，就不再介绍。
这个方法比较麻烦，不推荐

README方法.png

建议自己打包静态库。
第二种方法: 打包 IJKMediaFrame.framework框架
就是把 ijkplayer 打包成 framework导入工程中使用。下面开始介绍如何打包IJKMediaPlayer.framework，按照下面步骤一步一步做:

1、首先，打开工程 IJKMediaPlayer.xcodeproj，位置如下:

IJKMediaPlayer工程的位置.png

打开后，如下图:

IJKMediaPlayer工程.png

2、设置工程的 scheme

第一步: 选择 Edit Scheme

选择 Edit Scheme.png

第二步: 选择是制作调试用的framework还是发布用的framework

选择Debug或者Release.png

第三步: 设置好 scheme 后，分别选择真机模式和模拟器进行编译，编译完成后，进入 Finder，如下图

进入Finder.png

进入 Finder 后，可以看到，有真机和模拟器两个版本的编译结果，如下图:

编译结果.png

3、合并真机和模拟器版本的framework

注意: 不要合错了，要合并的是这个文件，如下图:

要合并的文件.png

打开终端，进行合并，命令行的格式如下:

lipo -create "真机版本路径" "模拟器版本路径" -output "合并后的文件路径"

合并后，如下图:

合并后的framework文件.png

4、用合并生成的 IJKMediaFramework 替换掉原来的IJKMediaFramework

如图:

操作示意图.png

上图中的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 库

导入 IJKMediaFramework.framework.png

2、查看 ijkplayer 的 README，导入依赖库

依赖库.png

如图，导入依赖库完成

导入依赖库完成.png

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地址

时间： 2024-10-10 14:37:50

IJKPlayer集成直播拉流播放的相关文章

直播-拉流和推流概述 转载

拉流(播放): 根据协议类型(如RTMP.RTP.RTSP.HTTP等),与服务器建立连接并接收数据: 解析二进制数据,从中找到相关流信息: 根据不同的封装格式(如FLV.TS)解复用(demux): 分别得到已编码的H.264视频数据和AAC音频数据: 使用硬解码(对应系统的API)或软解码(FFMpeg)来解压音视频数据: 经过解码后得到原始的视频数据(YUV)和音频数据(AAC): 因为音频和视频解码是分开的,所以我们得把它们同步起来,否则会出现音视频不同步的现象,比如别人说话会跟口型对不

流媒体服务器的拉流播放

首先安装nginx: yum -y install gcc gcc-c++ make auotmake autoconf libtool pcre pcre-devel zlib zlib-devel openssl openssl-devel 但是要做依赖包的关系: wget https://github.com/arut/nginx-rtmp-module/archive/master.zip mkdir /xl unzip master.zip -d /xl/ cd /xl/ mv ngi

FFmpeg总结（十二）用ffmpeg与nginx实现直播多路流并发播放

下载 nginx 和 nginx-rtmp源码: http://nginx.org/download/nginx-1.5.10.tar.gz https://github.com/arut/nginx-rtmp-module/archive/master.zip 编译安装: cd nginx-1.5.10 ./configure –with-http_ssl_module –add-module=../nginx-rtmp-module-master make make install 浏览器输

iOS简单直播实现（三：IJKMediaFramework拉流）

推流完成后,需要拉流才能进行完整的直播.拉流我们采用的也是一个开源的第三方库IJKMediaFramework. 这个库本质是一个播放器,能播放flv格式的播放器.用起来和ios自带的AVPlayer很相似. 实现功能:1.拉流播放.2.监听. 一.创建占位图和卡顿占位动效,代码如下: //直播前的占位图片- (UIImageView *)placeHolderView { if (!_placeHolderView) { _placeHolderView = [[UIImageView all

推流和拉流的概念以及RTMP和HLS协议

https://www.bbsmax.com/A/x9J2wZM56o/ 推流为将直播内容推送至服务器的过程:拉流为服务器已有直播内容,用指定地址进行拉取的过程. rtmp rtmp是Real Time Messaging Protocol(实时消息传输协议)的首字母缩写.该协议基于TCP,是一个协议族,包括RTMP基本协议及RTMPT/RTMPS/RTMPE等多种变种.RTMP是一种设计用来进行实时数据通信的网络协议,主要用来在Flash/AIR平台和支持RTMP协议的流媒体/交互服务器之间进

直播系统推拉流端技术

想要搭建网络视频直播系统就要明白视频直播的过程是什么样的,而直播流程可以分为采集.前处理.压缩编码.推流.拉流.解码.渲染播放这几个环节,其中涉及到推流端.拉流端和服务器三端的知识点,服务器方面的知识点很多,拓幻科技这里先简单说下推流端和拉流端的一些知识点,服务器方面可以先看我以前写的文章. 一. 推流端的四个环节1. 首先是采集环节:采集是指对图像和声音的采集,简单说就是能让网络视频直播系统和主播摄像头连起来,软件能获取到外界的音视频信息.然后是前处理阶段:这里也是俗称美颜的阶段,这要求我们在

【转】直播流程，视频推流，视频拉流，简介，SMTP、RTMP、HLS、 PLPlayerKit

原:https://www.cnblogs.com/baitongtong/p/11248966.html 1 .音视频处理的一般流程: 数据采集→数据编码→数据传输(流媒体服务器) →解码数据→播放显示1.数据采集:摄像机及拾音器收集视频及音频数据,此时得到的为原始数据涉及技术或协议:摄像机:CCD.CMOS拾音器:声电转换装置(咪头).音频放大电路2.数据编码:使用相关硬件或软件对音视频原始数据进行编码处理(数字化)及加工(如音视频混合.打包封装等),得到可用的音视频数据涉及技术或协议:编码

直播系统搭建：拉流端的三个环节及服务器部署重点

拉流端的三个环节 1. 用户想看直播就要去服务器进行拉流,什么是拉流?你打开视频网站,点击视频,你点击视频和视频打开之间的时间段,就是你的客户端去向服务器请求拉流了,这一步要注意的是首屏开启时间,时间越短,观众越有可能被留下. 2. 有编码就要有解码,编码上会出现安卓适配问题,那解码上当然也会出现该问题,网络视频直播系统自带编解码程序的优势就在于它能够避免因手机机型不同,视频格式不同而产生的不同机型无法播放的情况. 3. 渲染环节交给手机就可以了,播放之后用户就可以进行观看了. 直播系统源码搭建

iOS开发之集成ijkplayer视频直播

ijkplayer 是一款做视频直播的框架, 基于ffmpeg, 支持 Android 和 iOS, 网上也有很多集成说明, 但是个人觉得还是不够详细, 在这里详细的讲一下在 iOS 中如何集成ijkplayer, 即便以前从没有接触过, 按着下面做也可以集成成功! 编辑:Bison 投稿: jianshu_wl 一. 下载ijkplayer ijkplayer下载地址 下载完成后解压, 解压后文件夹内部目录如下图: 二. 编译 ijkplayer 说是编译 ijkplayer, 其实是编译 f