【iOS】ZFPlayer源码解读<中>

前言

本篇继ZFPlayer源码解读<上>基础之上,主要解析说明控制层播放器,因为在上篇文章至现在并未提及丝毫关于这两个类业务的实现。

首先说下这两个类各自的职责。

  • 控制层:主要负责响应与用户之间的交互,如手势控制的播放,暂停,重试,快进快退,亮度声音等等。
  • 播放器:主要负责视频的播放,不用想的太复杂,只是一展示视频的layer而已。

个人感觉之所以视频复杂的原因是因为,与用户的交互太多,异常操作又太多,业务太复杂而已,实质一个个功能模块实现完毕后,最后就剩下这几个类的api之间的调用了。

控制层

pod 'ZFPlayer/ControlView', '~> 3.0'
如果对此没有高度的个性化的自定义,可以直接使用原库自带的控制层。pod install后如下:

控制层文件夹.png

UIImageView+ZFCache,UIView+ZFFrame类: 加载图片分类,基础类,略
ZZLandScapeControlView类: 横屏状态下的控制层
ZZPortaitControlView类: 横屏状态下的控制层
ZZLoaingView类: 加载菊花
ZZSmallFloatControlView类: 播放中的cell滑出屏幕后展示的小浮窗上面的控制层
ZFNetworkSpeedMonitor类: 网络加载速度计算器
ZFSpeedLoadingView类: 网络速度信息视图
ZFSliderView类: 进度滑杆视图,播放进度,缓冲进度
ZFNetworkSpeedMonitor类: 网络加载速度计算器
ZFVolumeBrightnessView类: 亮度与音量视图
ZFPlayerControlView类: 控制层核心类,协调播放器player与ControlView更新同步
ZFUtilities类: 工具类,无其它业务

播放器

ZFAVPlayerManager类,实现上篇中提到的 ZFAVPlayerManager 协议。播放器的核心类。

ZFAVPlayerManager.m中大概不足500行代码,即核心的东西其实并不多。
在这里我认为,无论是音频或者视频,业务都是通用并且是固定的。可以从业务上考虑一下,我需要什么样的方法,然后一一封装实现就可以了。

Git上有好多相关的播放器demo参考。但是有个不好的地方在于,复杂的demo功能多好用,但是修改的话就需要花费太大的时间与精力,因为首先需要看懂作者的源码才能在基础之上修改。简单的demo只有播放功能或者业务功能耦合太强,不好入手。
考虑到以上弊端,我们可以把功能单独拆开,即播放器,视图,用户交互。然后再根据功能组合即可。模块功能拆分源码下载

在这里只贴一下比较重要的几个API,另外我fork了此库,若有意了解更多,点击了解更多关于ZFPlayer的注解

  • (void)prepareToPlay; 初始化播放器,准备并开始播放

  • (void)reloadPlayer; 刷新播放,可用于网络失败重试加载,加载成功后会在上次播放失败的进度处继续播放

  • (void)play;开始播放。

  • (void)pause;音视频暂停,这里会保留播放的进度。

  • (void)stop;停止播放,这里与上面的暂停不同于,会移除并置空初始化所有的相关的播放配置信息,并将播放器置空。

  • (void)replay ; 重新播放,本质相当于把播放进度更新为0的位置继续播放。

  • (void)seekToTime:(NSTimeInterval)time completionHandler:(void (^ __nullable)(BOOL finished))completionHandler ;快进快退到某一时刻。

  • (UIImage *)thumbnailImageAtCurrentTime ;获取当前时刻这一帧的图片。

  • (NSTimeInterval)availableDuration;缓冲的可以播放的时长。

  • (void)initializePlayer;这里初始化了播放器。

  • (void)enableAudioTracks:(BOOL)enable inPlayerItem:(AVPlayerItem*)playerItem ;设置播放对象的音轨是否可用。

- (void)bufferingSomeSecond {
    // 缓冲较差时候回调这里
    // playbackBufferEmpty会反复进入,因此在bufferingOneSecond延时播放执行完之前再调用bufferingSomeSecond都忽略
    if (self.isBuffering) return;
    self.isBuffering = YES;
    
    // 需要先暂停一小会之后再播放,否则网络状况不好的时候时间在走,声音播放不出来
    [self.player pause];
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        // 如果此时用户已经暂停了,则不再需要开启播放了
        if (!self.isPlaying) {
            self.isBuffering = NO;
            return;
        }
        [self play];
        // 如果执行了play还是没有播放则说明还没有缓存好,则再次缓存一段时间
        self.isBuffering = NO;
        if (!self.playerItem.isPlaybackLikelyToKeepUp) [self bufferingSomeSecond];
    });
}
当在初始化视频资源的时候,需要先移除之前的所有的观察属性,再重新添加
- (void)itemObserving {
// 移除之前的
    [_playerItemKVO safelyRemoveAllObservers];

//观察最新的播放item的属性
    _playerItemKVO = [[ZFKVOController alloc] initWithTarget:_playerItem];

// 播放状态
    [_playerItemKVO safelyAddObserver:self
                           forKeyPath:kStatus
                              options:NSKeyValueObservingOptionNew
                              context:nil];

// 缓冲区是否为空
    [_playerItemKVO safelyAddObserver:self
                           forKeyPath:kPlaybackBufferEmpty
                              options:NSKeyValueObservingOptionNew
                              context:nil];

// 缓冲区的加载的资源是否足够播放
    [_playerItemKVO safelyAddObserver:self
                           forKeyPath:kPlaybackLikelyToKeepUp
                              options:NSKeyValueObservingOptionNew
                              context:nil];

// 监听缓冲区加载资源变化
    [_playerItemKVO safelyAddObserver:self
                           forKeyPath:kLoadedTimeRanges
                              options:NSKeyValueObservingOptionNew
                              context:nil];

// 视频填充样式变化
    [_playerItemKVO safelyAddObserver:self
                           forKeyPath:kPresentationSize
                              options:NSKeyValueObservingOptionNew
                              context:nil];
    
// 类似NSTimer,这里设置单位一秒回调一次,注意block回调结果指定线程
    CMTime interval = CMTimeMakeWithSeconds(kTimeRefreshInterval, NSEC_PER_SEC);
    @weakify(self)
    _timeObserver = [self.player addPeriodicTimeObserverForInterval:interval queue:dispatch_get_main_queue() usingBlock:^(CMTime time) {
        @strongify(self)
        if (!self) return;
        NSArray *loadedRanges = self.playerItem.seekableTimeRanges;
        if (loadedRanges.count > 0) {
// 有加载好的段资源才进行回调,否则数据 拿到有误
            if (self.playerPlayTimeChanged) self.playerPlayTimeChanged(self, self.currentTime, self.totalTime);
        }
    }];
    
// 音视频播放结束回调
    _itemEndObserver = [[NSNotificationCenter defaultCenter] addObserverForName:AVPlayerItemDidPlayToEndTimeNotification object:self.playerItem queue:[NSOperationQueue mainQueue] usingBlock:^(NSNotification * _Nonnull note) {
        @strongify(self)
        if (!self) return;
        self.playState = ZFPlayerPlayStatePlayStopped;
        if (self.playerDidToEnd) self.playerDidToEnd(self);
    }];
}
// KVO,核心监听上述观察的相关属性
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context {
    dispatch_async(dispatch_get_main_queue(), ^{
        if ([keyPath isEqualToString:kStatus]) {
            if (self.player.currentItem.status == AVPlayerItemStatusReadyToPlay) {
                
            
                }
            } else if (self.player.currentItem.status == AVPlayerItemStatusFailed) {
                
            }
        } else if ([keyPath isEqualToString:kPlaybackBufferEmpty]) {
            if (self.playerItem.playbackBufferEmpty) {
// 这里有观察到缓冲音视频不足为空,需要更新状态缓冲中,然后播放器暂停,待播放器加载个几秒后(这里可以自己定),再开始播放,调用 ```bufferingSomeSecond```方法。
                
            }
        } else if ([keyPath isEqualToString:kPlaybackLikelyToKeepUp]) {
           
        } else if ([keyPath isEqualToString:kLoadedTimeRanges]) {
            // 这里缓冲好后,不能立即播放,因为需要判断之前是否在播放中,若在播放中,则继续播放,若原本用户已经手动暂停了,就算缓冲好了,此处应该需要暂停。
        } else if ([keyPath isEqualToString:kPresentationSize]) {
            
        } else {
           
        }
    });
}
  • (NSTimeInterval)totalTime;音视频总时间。

  • (NSTimeInterval)currentTime;当前的已经播放的时间。

  • (void)setPlayState:(ZFPlayerPlaybackState)playState;设置播放状态,同时更新并刷新相关的UI状态。

  • (void)setLoadState:(ZFPlayerLoadState)loadState;设置加载状态,这里可以更新并刷新相关的UI状态。

  • (void)setAssetURL:(NSURL *)assetURL ;更新播放资源URL,重新播放。

  • (void)setRate:(float)rate;播放速度。

  • (void)setMuted:(BOOL)muted;是否静音。

  • (void)setScalingMode:(ZFPlayerScalingMode)scalingMode;设置视频展示填充的样式。

  • (void)setVolume:(float)volume; 设置播放器声音。

滚动播放业务流程原理

一般此业务存在于列表tableView或collectionView

  • 业务流程:当视频cell局部或者全部滚入到 可视区域后,视频需要自动播放,当局部或者全部滚出可视区域后,需要暂停,依次类推。
  • 播放器播放原理:
  1. 首先,无论列表再怎么滚动,播放器始终只有一个,要知道改变的只是播放器的位置与播放资源而已。

  2. 播放资源来源于列表上每一个indexPath对应的model;
    坐标来源于此indexPath对应的cell上的某一个用于展示视频视图的容器视图;

  3. 播放视频,暂停播放视频调用的是播放器的API;

4.什么时候调用开始播放,什么时候调用暂停播放,取决于当前的视频cell是否一定比例进入可视区域,一定比例离开可视区域;

  1. 上面的问题如果解决了,那么浮窗播放视图就简单了,就是在cell离开播放区域,把正在播放的playerView放在浮窗视图上,浮窗放在window上即可。

针对第4点,可以参考源码UIScrollView + ZFPlayer,专门计算列表滑动时,暂停时,cell的坐标相互转换,播放view的离开比例,进入比例等。

最后

上述的控制层与播放器都有了,音频视频都可以正常的播放并且与用户交互。
若想个性化自定义,建议直接在ork源码,在基础之上更改最效率。

疑问

不过到目前为止,还有几个问题需要解决?

  • 直播怎么搞,类似虎牙那样的,虽然是直播,但是也有播放器的些许功能;
  • 边下边播,类似市面上的音频播放类app,视频类爱其艺app等;


ZFPlayer源码解读<下>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容