葡京游戏网址iOS视频直播初窥:高仿<喵播APP>

效果图

gif1

gif2

由于licecap录制的GIF失帧太严重, 都模糊掉了, 再推广少摆高清截图

png1

png2

作者:李新越

前言

现年三月份,斗鱼腾讯领投的1亿美元融资的消息给诸大平台报道转载,在电竞、泛娱乐已是热投资的当下,网络直播平台自为得了各界的关注。盗用两张有关游戏直播的方向图

打直播规模

戏直播规模

马上尚独自是玩玩直播这块的蛋糕.直播行的竞争会愈来愈重,
不管是主播还是直播平台还面临着可以的竞争, 当然直播业为会越规范,
直播元素也更是多.


视频直播初窥

视频直播,可以分成 采集,前处理,编码,传输, 服务器处理,解码,渲染

  • 采访: iOS系统为软硬件种类不多, 硬件适配性比较好, 所以比较简单.
    而Android端市面上机型众多, 要开些机型的适配工作.PC端是极致麻烦的,
    各种奇葩摄影头驱动.所以现在众底中小型直播平台, 都放弃了PC的直播,
    更有一对直播平台只是做iOS端的视频直播.

  • 眼前处理: 美颜算法,视频的混淆效果, 水印等还是当这个环节做.
    目前iOS端最出名开源框架的终将就是GPUImage.其中坐了125种植渲染效果,
    还支持各种本子自定义. 我高仿的喵播的美颜功能呢是冲GPUImage的.

  • 编码:
    重难点在要于分辨率,帧率,码率,GOP等参数设计及找到最佳平衡点。iOS8过后,
    Apple开放了VideoToolbox.framework, 可以一直开展硬编解码,
    这为是为何现在大部分直播平台最低单支持到iOS8之案由之一.
    iOS端硬件兼容性比较好, 可以直接用硬编码.
    而Android得硬编码又是同样杀坑.

  • 传输: 这块一般都是付出CDN服务商.
    CDN不过提供带宽和服务器之间的导,
    发送端和接到端的网络连接抖动缓存还是如协调实现之.目前国内最可怜的CDN服务商应该是网宿.

  • 服务器处理: 需要在服务器做一些注处理工作,
    让推送上来之流适配各个平台各种不同的协商, 比如:RTMP,HLS,FLV…

  • 解码和渲染: 也尽管即音视频的播放. 解码毫无疑问也须要硬解码.
    iOS端兼容于好, Android依然很坑.这块的困难在音画同步,
    目前多直播平台这块是坚强伤.国内比较好之开源项目应是B站开源之<a
    href=”https://github.com/Bilibili/ijkplayer"&gt;ijkplayer
    </a>. 斗鱼尽管是冲<a
    href=”https://github.com/Bilibili/ijkplayer"&gt;ijkplayer
    </a>的, 本项目也是因<a
    href=”https://github.com/Bilibili/ijkplayer"&gt;ijkplayer
    </a>的.

技能坑 : 降噪, 音频解码器, 蓝牙适配, 回声消除, 信令控制, 登录, 鉴权,
权限管理, 状态管理, 应用信息, 消息推送, 礼物系统, 即时闲聊, 支付系统,
统计体系, 数据库, 缓存, 分布式文件存储, 消息队列,
运维系统等等大小不一的坑等而来填!!!

财力坑 : 以拉动富也条例, 2万丁同时在线, 手机码率在600KB,
每个月份的带动富费用至少在30万左右. 冲欢聚时代(YY)15年四季度财务报,
他们之带来富成本为人民币1.611亿首位, 折合每月5000万+.
人力资本+渠道支出与其他支出就一无所知谈了.

社会坑: 还得时时与各种黑暗势力斗争, 包括韵, 广告, 刷小号,
刷充值, 告侵权, DDos…(我反而编译喵播的官方APP,
他们的项目名为就深受Shehui, O(∩_∩)O哈哈~)

如出一辙座平淡无奇民居楼,在00:40分彻底进入梦境。一个妻侧躺在床上,肩膀就呼吸声均匀起伏。

色下载地址

<a
href=”https://github.com/SunLiner/MiaowShow"&gt;GitHub下载地址&lt;/a&gt;

脚步声在当下户门前停下,楼道顶灯座被流传下四分割五破裂的炸开的电线,滋滋抱在个绝对了灯丝儿的玻璃泡晃悠。钥匙甩了甩身子拧上锁孔,咔哒,咔哒,咔哒,没错,就是三秒,按照习惯,就是这样,但却愣住了,如期并没交。

前期准备

种类重要是因<a
href=”https://github.com/Bilibili/ijkplayer"&gt;ijkplayer </a>的.
最好是于包改成framework. 原本自己准备写一个包装教程,
不了后来在简书上发现了一如既往篇特别详细的起包blog, 分享给大家: <a
href=”http://www.jianshu.com/p/1f06b27b3ac0"&gt;http://www.jianshu.com/p/1f06b27b3ac0&lt;/a&gt;.

一旦你根据教程打包失败了(当然这种概率比粗),
我立马还有雷同客本身已经从包好之(Release版), 下充斥地址:
链接:http://pan.baidu.com/s/1eRVetdK
密码:2dc0
下载后, 直接解压即可.

门本就是虚掩的。

种类文件结构

  • Frameworks: 如果文件夹不存, 点击classes选择Show in Finder,
    新建一个即可, 将公自包之抑下载的framework拖入其中并拉进路中.
    你啊得协调建造一个文书夹, 把此Frameworks直接delete即可

  • Profile : 个人核心, 这其中只有发一个ProfileController.
    因为总写重复代码, 都写吐了, 这儿有趣味之友善写一下咔嚓, So easy…

  • Network : 关于网络连接的工具类. 关于网络的实时督查, 网络状态的切换,
    网络请求的工具类都以这里面.

  • Other : 全局的常量. 当然你吧足以当其间将文件结构越细化.

  • Home : 包含最新主播, 最暖直播, 关注之直播, 礼物排行榜等模块.
    还有无限着重之视频直播呢当当时个中了.

  • ShowTime :见名知意. 视频直播的前处理,
    智能美颜和H264硬编码等还以此间面.

  • Main : UITabBarControllerUINavigationController的配置

  • Toos : 这儿命名有点不规范, 这个中放的都是路因此到的归类

  • Login : 登录模块

  • Resource : 项目用到之资源文件

酒味发酵在氛围中,变作一个短暂之嗝儿,寂静的夜间感到了那一些冰冷。

色详解

  • tip1: 判读网络类型.

在看直播的时, 我们一般都是用WiFi或者3/4G(土豪级别之),
一般用户以进展网络切换的早晚, 我们且如叫起友善的唤起, 告诉TA:
您的网状态切换至了XX状态. 假设用户从WiFi切换到4G,
你的运用为并未个提醒, 导致TA的流量归零甚至不够了运营商一臀部的钱,
我怀念你的APP的用户体验呢尽管归零或者也负了.

咱们得以苹果之Reachability结合下面的代码实时监听网络状态的更改

typedef NS_ENUM(NSUInteger, NetworkStates) {
    NetworkStatesNone, // 没有网络
    NetworkStates2G, // 2G
    NetworkStates3G, // 3G
    NetworkStates4G, // 4G
    NetworkStatesWIFI // WIFI
};

// 判断网络类型
+ (NetworkStates)getNetworkStates
{
    NSArray *subviews = [[[[UIApplication sharedApplication] valueForKeyPath:@"statusBar"] valueForKeyPath:@"foregroundView"] subviews];
    // 保存网络状态
    NetworkStates states = NetworkStatesNone;
    for (id child in subviews) {
        if ([child isKindOfClass:NSClassFromString(@"UIStatusBarDataNetworkItemView")]) {
            //获取到状态栏码
            int networkType = [[child valueForKeyPath:@"dataNetworkType"] intValue];
            switch (networkType) {
                case 0:
                   //无网模式
                    states = NetworkStatesNone;
                    break;
                case 1:
                    states = NetworkStates2G;
                    break;
                case 2:
                    states = NetworkStates3G;
                    break;
                case 3:
                    states = NetworkStates4G;
                    break;
                case 5:
                {
                    states = NetworkStatesWIFI;
                }
                    break;
                default:
                    break;
            }
        }
    }
    //根据状态选择
    return states;
}
  • tip2: 登录模块

假使您差不多运行几蹩脚就会见意识,
登录模块背景被播放的视频是2只视频每次随机播放一个之.并且是极重复的,
也就是说只要你一直呆着登录界面, 就会见单视频循环播放时底来看频.
这儿的报到就是几只按钮, 没有具体的登录逻辑,
随便点哪一个按钮都好上首页.

咱要监听视频, 是否播放完成.

// 监听视频是否播放完成
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(didFinish) name:IJKMPMoviePlayerPlaybackDidFinishNotification object:nil];

设若播放完成了, 让IJKFFMoviePlayerController再次play即可

- (void)didFinish
{
    // 播放完之后, 继续重播
    [self.player play];
}
  • tip3: 首页

首页

这种效益相信广大丁且看看了要做过.我简单说一样下自家之做法(不肯定是最佳的,
只是供一个思路)

一个父控制器HomeViewController+三个子控制器(最热/最新/关注.
每个控制器各自管理好之政工逻辑, 高内集结低耦合).
重写HomeViewControllerloadView,
self.view替换成UIScrollView.
将三单子控制器的view添加到UIScrollView上即可. 其他的职能实现,
请参照我之代码, 都出详尽的汉语注释.

  • tip4: 直播(面向观众捧)
    斯是任何项目的显要有了.这种直播的布局, 应该是比主流的了.
    我下载的很多直播类APP都是是路布局,
    包括YY也是这种界面布局.这个里面涉及的物比较多矣, 三言两语真说不清.

简单说一下已经实现的功力:
A: 主播的直播
B: 关联主播的视频直播, 默认是单独来界面, 没有动静的.
点击该视图可以切换至者主播
C: 下拉切换其他一个主播, 这个力量是异常普遍的.
做法是直播控制器是一个UICollectionViewController, 只生一个cell,
cell.frame就是self.collectionViewb.bounds.
我们进来直播控制器的下, 其实是污染上一个提到主播数组,
每次下拉的时节, 就加载数组里面的主播
D. 查看观众席的观众详情
E. 查看主播详情
F. 足迹: 粒子动画, 后面详解
G. 弹幕: 点击最下方的工具栏第一只按钮可以打开/关闭弹幕, 后面详解

  • tip5: 粒子动画实现游客足迹
    粒子动画的layer是加上到播放器的view上面的. 下面代码来详尽的注释

CAEmitterLayer *emitterLayer = [CAEmitterLayer layer];
// 发射器在xy平面的中心位置
emitterLayer.emitterPosition = CGPointMake(self.moviePlayer.view.frame.size.width-50,self.moviePlayer.view.frame.size.height-50);
// 发射器的尺寸大小
emitterLayer.emitterSize = CGSizeMake(20, 20);
// 渲染模式
emitterLayer.renderMode = kCAEmitterLayerUnordered;
// 开启三维效果
//    _emitterLayer.preservesDepth = YES;
NSMutableArray *array = [NSMutableArray array];
// 创建粒子
for (int i = 0; i<10; i++) {
    // 发射单元
    CAEmitterCell *stepCell = [CAEmitterCell emitterCell];
    // 粒子的创建速率,默认为1/s
    stepCell.birthRate = 1;
    // 粒子存活时间
    stepCell.lifetime = arc4random_uniform(4) + 1;
    // 粒子的生存时间容差
    stepCell.lifetimeRange = 1.5;
    // 颜色
    // fire.color=[[UIColor colorWithRed:0.8 green:0.4 blue:0.2 alpha:0.1]CGColor];
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"good%d_30x30", i]];
    // 粒子显示的内容
    stepCell.contents = (id)[image CGImage];
    // 粒子的名字
    //            [fire setName:@"step%d", i];
    // 粒子的运动速度
    stepCell.velocity = arc4random_uniform(100) + 100;
    // 粒子速度的容差
    stepCell.velocityRange = 80;
    // 粒子在xy平面的发射角度
    stepCell.emissionLongitude = M_PI+M_PI_2;;
    // 粒子发射角度的容差
    stepCell.emissionRange = M_PI_2/6;
    // 缩放比例
    stepCell.scale = 0.3;
    [array addObject:stepCell];
}

emitterLayer.emitterCells = array;
[self.moviePlayer.view.layer insertSublayer:emitterLayer below:self.catEarView.layer];
  • tip6: 弹幕
    弹幕使用的啊是一个叔着轮子<a
    href=”https://github.com/unash/BarrageRenderer"&gt;BarrageRenderer
    </a>. 这个开源项目的文档都是中文的, 用法也是老大简短的.

    骨干配备

 _renderer = [[BarrageRenderer alloc] init];
// 设置弹幕的显示区域. 基于父控件的.
_renderer.canvasMargin = UIEdgeInsetsMake(ALinScreenHeight * 0.3, 10, 10, 10);
[self.contentView addSubview:_renderer.view];

弹幕配置

#pragma mark - 弹幕描述符生产方法
/// 生成精灵描述 - 过场文字弹幕
- (BarrageDescriptor *)walkTextSpriteDescriptorWithDirection:(NSInteger)direction
{
    BarrageDescriptor * descriptor = [[BarrageDescriptor alloc]init];
    descriptor.spriteName = NSStringFromClass([BarrageWalkTextSprite class]);
    descriptor.params[@"text"] = self.danMuText[arc4random_uniform((uint32_t)self.danMuText.count)];
    descriptor.params[@"textColor"] = Color(arc4random_uniform(256), arc4random_uniform(256), arc4random_uniform(256));
    descriptor.params[@"speed"] = @(100 * (double)random()/RAND_MAX+50);
    descriptor.params[@"direction"] = @(direction);
    descriptor.params[@"clickAction"] = ^{
        UIAlertView *alertView = [[UIAlertView alloc]initWithTitle:@"提示" message:@"弹幕被点击" delegate:nil cancelButtonTitle:@"取消" otherButtonTitles:nil];
        [alertView show];
    };
    return descriptor;
}

说到底一步, 千万只要记start

[_renderer start];
  • tip7: 智能美颜功效
    如今的直播平台, 美颜是标配.
    不然绝大多数之主播都是可望而不可及看之.美颜算法需要因此到GPU编程,
    需要明白图像处理的人. 图像处理及时同片我不是怪熟稔,
    相关的文献为是圈得云里雾里的. 所以, 依然以开源之车轱辘:<a
    href=”https://github.com/BradLarson/GPUImage"&gt; GPUImage
    </a>. 这个开源框架来接近1.3W+star(7月5日数), 真不是以的,
    内置125种植滤镜效果, 没有你意想不到, 只有你不会见就此.
    我的种类受到还产生详尽的用法, 还是好粗略的.
    在此间摘抄一份其.h文件的注释. 一方面有利于大家修改我种受到的美颜功效,
    另一方面也是做只备份.(具体产生处于自己的确忘了, 如果有人找到了源地址链接,
    可以沟通我长)

#import "GLProgram.h"

// Base classes
#import "GPUImageOpenGLESContext.h"
#import "GPUImageOutput.h"
#import "GPUImageView.h"
#import "GPUImageVideoCamera.h"
#import "GPUImageStillCamera.h"
#import "GPUImageMovie.h"
#import "GPUImagePicture.h"
#import "GPUImageRawDataInput.h"
#import "GPUImageRawDataOutput.h"
#import "GPUImageMovieWriter.h"
#import "GPUImageFilterPipeline.h"
#import "GPUImageTextureOutput.h"
#import "GPUImageFilterGroup.h"
#import "GPUImageTextureInput.h"
#import "GPUImageUIElement.h"
#import "GPUImageBuffer.h"

// Filters
#import "GPUImageFilter.h"
#import "GPUImageTwoInputFilter.h"


#pragma mark - 调整颜色 Handle Color

#import "GPUImageBrightnessFilter.h"                //亮度
#import "GPUImageExposureFilter.h"                  //曝光
#import "GPUImageContrastFilter.h"                  //对比度
#import "GPUImageSaturationFilter.h"                //饱和度
#import "GPUImageGammaFilter.h"                     //伽马线
#import "GPUImageColorInvertFilter.h"               //反色
#import "GPUImageSepiaFilter.h"                     //褐色(怀旧)
#import "GPUImageLevelsFilter.h"                    //色阶
#import "GPUImageGrayscaleFilter.h"                 //灰度
#import "GPUImageHistogramFilter.h"                 //色彩直方图,显示在图片上
#import "GPUImageHistogramGenerator.h"              //色彩直方图
#import "GPUImageRGBFilter.h"                       //RGB
#import "GPUImageToneCurveFilter.h"                 //色调曲线
#import "GPUImageMonochromeFilter.h"                //单色
#import "GPUImageOpacityFilter.h"                   //不透明度
#import "GPUImageHighlightShadowFilter.h"           //提亮阴影
#import "GPUImageFalseColorFilter.h"                //色彩替换(替换亮部和暗部色彩)
#import "GPUImageHueFilter.h"                       //色度
#import "GPUImageChromaKeyFilter.h"                 //色度键
#import "GPUImageWhiteBalanceFilter.h"              //白平横
#import "GPUImageAverageColor.h"                    //像素平均色值
#import "GPUImageSolidColorGenerator.h"             //纯色
#import "GPUImageLuminosity.h"                      //亮度平均
#import "GPUImageAverageLuminanceThresholdFilter.h" //像素色值亮度平均,图像黑白(有类似漫画效果)

#import "GPUImageLookupFilter.h"                    //lookup 色彩调整
#import "GPUImageAmatorkaFilter.h"                  //Amatorka lookup
#import "GPUImageMissEtikateFilter.h"               //MissEtikate lookup
#import "GPUImageSoftEleganceFilter.h"              //SoftElegance lookup




#pragma mark - 图像处理 Handle Image

#import "GPUImageCrosshairGenerator.h"              //十字
#import "GPUImageLineGenerator.h"                   //线条

#import "GPUImageTransformFilter.h"                 //形状变化
#import "GPUImageCropFilter.h"                      //剪裁
#import "GPUImageSharpenFilter.h"                   //锐化
#import "GPUImageUnsharpMaskFilter.h"               //反遮罩锐化

#import "GPUImageFastBlurFilter.h"                  //模糊
#import "GPUImageGaussianBlurFilter.h"              //高斯模糊
#import "GPUImageGaussianSelectiveBlurFilter.h"     //高斯模糊,选择部分清晰
#import "GPUImageBoxBlurFilter.h"                   //盒状模糊
#import "GPUImageTiltShiftFilter.h"                 //条纹模糊,中间清晰,上下两端模糊
#import "GPUImageMedianFilter.h"                    //中间值,有种稍微模糊边缘的效果
#import "GPUImageBilateralFilter.h"                 //双边模糊
#import "GPUImageErosionFilter.h"                   //侵蚀边缘模糊,变黑白
#import "GPUImageRGBErosionFilter.h"                //RGB侵蚀边缘模糊,有色彩
#import "GPUImageDilationFilter.h"                  //扩展边缘模糊,变黑白
#import "GPUImageRGBDilationFilter.h"               //RGB扩展边缘模糊,有色彩
#import "GPUImageOpeningFilter.h"                   //黑白色调模糊
#import "GPUImageRGBOpeningFilter.h"                //彩色模糊
#import "GPUImageClosingFilter.h"                   //黑白色调模糊,暗色会被提亮
#import "GPUImageRGBClosingFilter.h"                //彩色模糊,暗色会被提亮
#import "GPUImageLanczosResamplingFilter.h"         //Lanczos重取样,模糊效果
#import "GPUImageNonMaximumSuppressionFilter.h"     //非最大抑制,只显示亮度最高的像素,其他为黑
#import "GPUImageThresholdedNonMaximumSuppressionFilter.h" //与上相比,像素丢失更多

#import "GPUImageSobelEdgeDetectionFilter.h"        //Sobel边缘检测算法(白边,黑内容,有点漫画的反色效果)
#import "GPUImageCannyEdgeDetectionFilter.h"        //Canny边缘检测算法(比上更强烈的黑白对比度)
#import "GPUImageThresholdEdgeDetectionFilter.h"    //阈值边缘检测(效果与上差别不大)
#import "GPUImagePrewittEdgeDetectionFilter.h"      //普瑞维特(Prewitt)边缘检测(效果与Sobel差不多,貌似更平滑)
#import "GPUImageXYDerivativeFilter.h"              //XYDerivative边缘检测,画面以蓝色为主,绿色为边缘,带彩色
#import "GPUImageHarrisCornerDetectionFilter.h"     //Harris角点检测,会有绿色小十字显示在图片角点处
#import "GPUImageNobleCornerDetectionFilter.h"      //Noble角点检测,检测点更多
#import "GPUImageShiTomasiFeatureDetectionFilter.h" //ShiTomasi角点检测,与上差别不大
#import "GPUImageMotionDetector.h"                  //动作检测
#import "GPUImageHoughTransformLineDetector.h"      //线条检测
#import "GPUImageParallelCoordinateLineTransformFilter.h" //平行线检测

#import "GPUImageLocalBinaryPatternFilter.h"        //图像黑白化,并有大量噪点

#import "GPUImageLowPassFilter.h"                   //用于图像加亮
#import "GPUImageHighPassFilter.h"                  //图像低于某值时显示为黑


#pragma mark - 视觉效果 Visual Effect

#import "GPUImageSketchFilter.h"                    //素描
#import "GPUImageThresholdSketchFilter.h"           //阀值素描,形成有噪点的素描
#import "GPUImageToonFilter.h"                      //卡通效果(黑色粗线描边)
#import "GPUImageSmoothToonFilter.h"                //相比上面的效果更细腻,上面是粗旷的画风
#import "GPUImageKuwaharaFilter.h"                  //桑原(Kuwahara)滤波,水粉画的模糊效果;处理时间比较长,慎用

#import "GPUImageMosaicFilter.h"                    //黑白马赛克
#import "GPUImagePixellateFilter.h"                 //像素化
#import "GPUImagePolarPixellateFilter.h"            //同心圆像素化
#import "GPUImageCrosshatchFilter.h"                //交叉线阴影,形成黑白网状画面
#import "GPUImageColorPackingFilter.h"              //色彩丢失,模糊(类似监控摄像效果)

#import "GPUImageVignetteFilter.h"                  //晕影,形成黑色圆形边缘,突出中间图像的效果
#import "GPUImageSwirlFilter.h"                     //漩涡,中间形成卷曲的画面
#import "GPUImageBulgeDistortionFilter.h"           //凸起失真,鱼眼效果
#import "GPUImagePinchDistortionFilter.h"           //收缩失真,凹面镜
#import "GPUImageStretchDistortionFilter.h"         //伸展失真,哈哈镜
#import "GPUImageGlassSphereFilter.h"               //水晶球效果
#import "GPUImageSphereRefractionFilter.h"          //球形折射,图形倒立

#import "GPUImagePosterizeFilter.h"                 //色调分离,形成噪点效果
#import "GPUImageCGAColorspaceFilter.h"             //CGA色彩滤镜,形成黑、浅蓝、紫色块的画面
#import "GPUImagePerlinNoiseFilter.h"               //柏林噪点,花边噪点
#import "GPUImage3x3ConvolutionFilter.h"            //3x3卷积,高亮大色块变黑,加亮边缘、线条等
#import "GPUImageEmbossFilter.h"                    //浮雕效果,带有点3d的感觉
#import "GPUImagePolkaDotFilter.h"                  //像素圆点花样
#import "GPUImageHalftoneFilter.h"                  //点染,图像黑白化,由黑点构成原图的大致图形


#pragma mark - 混合模式 Blend

#import "GPUImageMultiplyBlendFilter.h"             //通常用于创建阴影和深度效果
#import "GPUImageNormalBlendFilter.h"               //正常
#import "GPUImageAlphaBlendFilter.h"                //透明混合,通常用于在背景上应用前景的透明度
#import "GPUImageDissolveBlendFilter.h"             //溶解
#import "GPUImageOverlayBlendFilter.h"              //叠加,通常用于创建阴影效果
#import "GPUImageDarkenBlendFilter.h"               //加深混合,通常用于重叠类型
#import "GPUImageLightenBlendFilter.h"              //减淡混合,通常用于重叠类型
#import "GPUImageSourceOverBlendFilter.h"           //源混合
#import "GPUImageColorBurnBlendFilter.h"            //色彩加深混合
#import "GPUImageColorDodgeBlendFilter.h"           //色彩减淡混合
#import "GPUImageScreenBlendFilter.h"               //屏幕包裹,通常用于创建亮点和镜头眩光
#import "GPUImageExclusionBlendFilter.h"            //排除混合
#import "GPUImageDifferenceBlendFilter.h"           //差异混合,通常用于创建更多变动的颜色
#import "GPUImageSubtractBlendFilter.h"             //差值混合,通常用于创建两个图像之间的动画变暗模糊效果
#import "GPUImageHardLightBlendFilter.h"            //强光混合,通常用于创建阴影效果
#import "GPUImageSoftLightBlendFilter.h"            //柔光混合
#import "GPUImageChromaKeyBlendFilter.h"            //色度键混合
#import "GPUImageMaskFilter.h"                      //遮罩混合
#import "GPUImageHazeFilter.h"                      //朦胧加暗
#import "GPUImageLuminanceThresholdFilter.h"        //亮度阈
#import "GPUImageAdaptiveThresholdFilter.h"         //自适应阈值
#import "GPUImageAddBlendFilter.h"                  //通常用于创建两个图像之间的动画变亮模糊效果
#import "GPUImageDivideBlendFilter.h"               //通常用于创建两个图像之间的动画变暗模糊效果


#pragma mark - 尚不清楚
#import "GPUImageJFAVoroniFilter.h"
#import "GPUImageVoroniConsumerFilter.h"
  • tip8: H264硬编码
    若果采用<a
    href=”https://github.com/Bilibili/ijkplayer"&gt;ijkplayer
    </a>使用硬解码, 一句代码即可.

// 开启硬解码
[option setPlayerOptionValue:@"1" forKey:@"videotoolbox"];

硬编码的采用场景: 我们只要拿主播的视频数据传送给服务器

经拍摄头来采访图像,然后拿征集到之图像,通过硬编码的方法进行编码,最后编码后底多少以其成成H264的码流通过网络盛传。

摄像头采集图像, iOS系统提供了AVCaptureSession来集摄像头的图像数据.
项目中自我是直动用<a
href=”https://github.com/BradLarson/GPUImage"&gt; GPUImage
</a>中的GPUImageVideoCamera,
直接设置GPUImageVideoCamera的代理即可,
在该代理方- (void)willOutputSampleBuffer:(CMSampleBufferRef)sampleBuffer;开展数据编码即可.

切记一点:
不管是网自带的AVCaptureSession还是GPUImageVideoCamera采访到的数额还是免经过编码的CMSampleBuffer.

下一场将收集到之数量, 用iOS开放的VideoToolbox进展硬编码.
关于VideoToolbox硬编解码网上广大课程, 当然最是看Apple的合法文档,
如果只是硬编码, 看我的色就算可.

要之编码函数(来自YOLO直播负责人的开源项目<a
href=”https://github.com/Guikunzhi/BeautifyFaceDemo"&gt;
BeautifyFaceDemo </a>)

void didCompressH264(void *outputCallbackRefCon, void *sourceFrameRefCon, OSStatus status, VTEncodeInfoFlags infoFlags,
                     CMSampleBufferRef sampleBuffer )
{
    if (status != 0) return;
    // 采集的未编码数据是否准备好
    if (!CMSampleBufferDataIsReady(sampleBuffer))
    {
        NSLog(@"didCompressH264 data is not ready ");
        return;
    }
    ALinH264Encoder* encoder = (__bridge ALinH264Encoder*)outputCallbackRefCon;

    bool keyframe = !CFDictionaryContainsKey((CFArrayGetValueAtIndex(CMSampleBufferGetSampleAttachmentsArray(sampleBuffer, true), 0)), kCMSampleAttachmentKey_NotSync);

    if (keyframe) // 关键帧
    {
        CMFormatDescriptionRef format = CMSampleBufferGetFormatDescription(sampleBuffer);
        size_t sparameterSetSize, sparameterSetCount;
        const uint8_t *sparameterSet;
        OSStatus statusCode = CMVideoFormatDescriptionGetH264ParameterSetAtIndex(format, 0, &sparameterSet, &sparameterSetSize, &sparameterSetCount, 0 );
        if (statusCode == noErr)
        {
            size_t pparameterSetSize, pparameterSetCount;
            const uint8_t *pparameterSet;
            OSStatus statusCode = CMVideoFormatDescriptionGetH264ParameterSetAtIndex(format, 1, &pparameterSet, &pparameterSetSize, &pparameterSetCount, 0 );
            if (statusCode == noErr)
            {
                encoder->sps = [NSData dataWithBytes:sparameterSet length:sparameterSetSize];
                encoder->pps = [NSData dataWithBytes:pparameterSet length:pparameterSetSize];
                NSLog(@"sps:%@ , pps:%@", encoder->sps, encoder->pps);
            }
        }
    }

    CMBlockBufferRef dataBuffer = CMSampleBufferGetDataBuffer(sampleBuffer);
    size_t length, totalLength;
    char *dataPointer;
    OSStatus statusCodeRet = CMBlockBufferGetDataPointer(dataBuffer, 0, &length, &totalLength, &dataPointer);
    if (statusCodeRet == noErr) {

        size_t bufferOffset = 0;
        static const int AVCCHeaderLength = 4;
        while (bufferOffset < totalLength - AVCCHeaderLength)
        {
            uint32_t NALUnitLength = 0;
            memcpy(&NALUnitLength, dataPointer + bufferOffset, AVCCHeaderLength);
            NALUnitLength = CFSwapInt32BigToHost(NALUnitLength);
            NSData *data = [[NSData alloc] initWithBytes:(dataPointer + bufferOffset + AVCCHeaderLength) length:NALUnitLength];
            bufferOffset += AVCCHeaderLength + NALUnitLength;
            NSLog(@"sendData-->> %@ %lu", data, bufferOffset);
        }

    }

}

家实在如没睡着。纤细之身早靠在鞋柜旁了,手里拿在平等双男士拖鞋。

感触

虽然这个类型是只山寨的, 高仿的, 但是仍然已经生巨大了.
具体的底细要用大家好去押本身之路源码.
短短几千许还当真说不清这么多之学问点. blog的文章名字说了是初窥,
还当真只是初窥, 视频直播间的坑太多. 且行且珍惜…

tip: 本文理论知识部分, 采集自网络.
请牢记一句子话talk is cheap show me the code, 重点在于Demo型本身.
理论有自己只是一个搬运工和总结者…

啪!

品类编译环境

Xcode7(及以上)
绝是以品种走在真机上. 有些地方模拟器是免支持之, 也看不到任何功能的,
比如硬编码/智能美颜等, 这些功能模块, 我开了限定的, 需要真机状态才能够前进行.

“这么晚回去,去何方了……肯定又失去和什么喝了。”女人甩了鞋过去。

种下载地址

<a
href=”https://github.com/SunLiner/MiaowShow"&gt;GitHub下载地址&lt;/a&gt;
请求star和fork. 后续之bug会持续更新到github上之.
发生题目可以于简书给自己留言/私信, 或者微博(简书个人及篇页有自我之微博)私信我.

7月9日凌晨创新: 项目既合并视频直播推流
blog地址详解<a
href=”http://www.jianshu.com/p/8ea016b2720e"&gt;快速集成iOS基于RTMP的视频推流&lt;/a&gt;

爱人没云,他的钥匙四乘八叉地睡在地上,发出闷的咳嗽声。

联系我

<a href=”https://github.com/SunLiner"&gt;github&lt;/a&gt;

<a
href=”http://www.weibo.com/5589163526/profile?rightmod=1&wvr=6&mod=personinfo&is\_all=1"&gt;微博&lt;/a&gt;

<a
href=”http://www.jianshu.com/users/9723687edfb5/latest\_articles"&gt;简书&lt;/a&gt;

再有丈夫,和他的钥匙一并以齐。

“吴生,我报您,别觉得你伪装没声儿这事就是过去了!”女人吼。但明确没什么作用。

“门口正走的不可开交QQ是谁的?”女人质问道。

“这个月连妈妈小还无回来了!天天起早摸黑,天天忙碌。升职加薪名单怎么没有见挂你的名儿?”

“酒好喝,菜没见你买,顾得矣家外,顾不得妻子,你掌握二楼大妈问我什么为?她趴着咱家门找什么儿子。儿子!哼,还无是狗。”

“小区就几乎龙夜里到底起雷同只是狗,咬来咬去,怎么没咬了您,咬死才好。”

夫人喘了口暴。

吴生手中拿在公文包,女人掰开来,拽了拉锁,窸窸窣窣的,两依得力文件夹从家之略干的手中飞出,拍在墙上,随即又“砰”落于地板上。

地板似积洒了深可怜一沙滩水。

家里呆,她记忆昨儿早家政企业之红姐刚来过。红姐的响动大哑,据说是小儿吃多矣香甜,喉咙深处总咯楞咯楞,似乎要跳出个青蛙来。“兰导,我先行走了,忙在。”红姐每次打扫了总是要就此咯楞咯楞的国语打招呼。

兰导是熟人对老婆之大号,女人已经是单动漫企业之导演,姓蓝,户口仍及勾的可是“兰”,故而称“兰导”。要咨询其全名儿,前同事还确确实实没有留意。家里人也称呼它“兰子”。

兰子用手指头抹了除去,没错,这和不是正落上之,周围干了之水痕映出单泛白的概况。兰子觉得它忘了把什么,可同时想不起来。红姐今年40,极其爱唠叨,昨儿早告诉兰子刚打的绿叶菜而拿碱水洗了,要不然癌症就是搜上来。小区门口的十二生肖雕塑被几独险趁夜打碎了,说是有个企业之导演当了叛徒,害公司破了生,老板找了合人来杀人,那几单打手就如电视剧中李将军射虎那么来后劲。

兰子顿了中断,一张银行卡在成文件夹里搔首弄姿。

光大银行。

兰子不记家里任何人办了就张卡。兰子趿拉着鞋啪啪绕到电话外,磕在电话筒,一手将在卡,按了光大贵宾服务热线。

嘟嘟嘟嘟……

拨不通。兰子瞥了同等目客厅的钟,一点大抵。刚要愤然放下电话,一个女子甜美的动静冒出来:您好,有啊可以帮助你?

“挂失银行卡。”

“好的,您记得卡号吗?”

兰子一字一顿地念清各个一个数字,生怕模糊一个音。

“您好,您提供的帐号本人身份显得曾亡,请对号码。”

兰子又调理了理挡在面前之繁杂的头发,大概是近期最为辛苦了,不得已和店辞职了职务,最近几龙吴生又随时晚归,弄得吃了安眠药也睡不在,念错数字也健康,兰子愤恨地扣押了同肉眼地上的吴生。

兰子又一字一顿地念了同一全体。

“您好,您提供的帐号本人身份显得就死去,请对号码。”

一阵忙音。大概没有外一个电话热线值班员会在半夜以及陌生人游戏这样一个俗之游玩。

兰子有头累,她惦记计较叫醒吴生,问一样提问到底怎么回事。兰子翻过银行卡,想找到这张卡和那么辆常在吴生回来时离的那么部QQ的呦关系来。

只是那么银行卡里签名处写在:兰秋声。

兰秋生是兰子的人名。

兰子觉得这笑话,对,应该是笑话,一点呢不好笑。之前家里来过贼,她记当时不过唠叨吴生好巡。她以门厅台上的少的管之罪责一道脑掼在吴生的条上。当即挂失了一样积银行卡。对,应该是当时张。只是时间长了,没印象罢了。

立咄咄逼人骂了吴生同中断,其实呢非是外的擦。

兰子有些后悔。

前阵子公司裁员,裁的饶是吴生就批学历未顶研究生的,要无是吴生的酒量,工作大约早保不歇了。

兰子有若干心疼吴生了。

前阵子兰子失眠,因在将了客户送的银行卡,就用广告案泄给对手。兰子谁吗无告知,包括吴生。兰子只认为公司众人都怀疑她,兰子快于折磨疯了,头发好把好把丢。吴生搂在兰子肩膀说,辞了岗位,我留给你。

兰子此刻想起来,感动的惦记落泪了。

吴生还受兰子请了只活干净的小时工,叫红姐。

兰子嘴上泛起笑意。

“兰子,你怎么不称叨我了。我宁愿你继续唠叨。”吴生喃喃说。

兰子刚想称,从卧室走来个人来。

“吴生,别为难了了。人颇不克复生。”是红姐咯楞咯楞的普通话。

“地上的血都擦全都了,水得干一涉及,屋子好慌潮气,记得晾。唉,小区的狗叫的立意,门口的雕塑还稀巴烂,要无是亚楼底大婶,早就不了解……”

兰子有些头疼。红姐的产出让兰子对吴生的那点好感立消失。

“吴生!”兰子喊。“红姐和而一块回去的?告诉自己,怎么回事?”

吴生以起来,拿起没打开的公文包,拉开拉锁,拿出一致摆放死亡证,红着眼睛,对正值红姐说:“她缺了他人的,总该还的,总该自拉她还之……”

死证明上勾画在:兰秋声,死因为:多处刀伤害流血了多而雅。

兰子愣在空气里,她以听到QQ停在楼下的音。

兰子望为窗户外,那是一个重特大的深夜的黑洞。黑洞里发个小小的的QQ,车身上写着公安执勤几独字。

兰子突然同时悔了。她忘自己怎么和吴生结婚。只记那么就是它们立刻辈子尽高兴的如出一辙码事。不过,她现就记婚后那些大的唠叨了。也惟有那些唠叨了。