搞透AVPlayerViewController,摆出我想要的姿势

有那么一些时候，我们只需要简单的播放一些小视频，本地的或者网上的资源，不需要各种炫酷的效果，不需要自己各种控制，只是想安安静静的播放完，退出！网上各种开源的封装的AVPlayer的开源库，各有千秋，但是集成进来有感觉动静太大了，大把大把的控件和控制代理等等，头都大了！对于我这种菜逼，慌得一批~~所以我就在系统提供的AVPlayerViewController动起了手脚！

AVPlayerViewController的最简单使用

#import "ViewController.h"
#import <AVKit/AVKit.h>

@interface ViewController ()
@property (nonatomic, strong) NSString *videoUrl;
@property (nonatomic, strong)AVPlayerViewController *playerVC;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
//    self.videoUrl =  [[NSBundle mainBundle] pathForResource:@"guideMovie1" ofType:@"mov"];
    self.videoUrl = @"http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4";
    /*
     因为是 http 的链接，所以要去 info.plist里面设置
     App Transport Security Settings
     Allow Arbitrary Loads  = YES
     */
    self.playerVC = [[AVPlayerViewController alloc] init];
    self.playerVC.player = [AVPlayer playerWithURL:[self.videoUrl hasPrefix:@"http"] ? [NSURL URLWithString:self.videoUrl]:[NSURL fileURLWithPath:self.videoUrl]];
    self.playerVC.view.frame = self.view.bounds;
    self.playerVC.showsPlaybackControls = YES;
//self.playerVC.entersFullScreenWhenPlaybackBegins = YES;//开启这个播放的时候支持（全屏）横竖屏哦
//self.playerVC.exitsFullScreenWhenPlaybackEnds = YES;//开启这个所有 item 播放完毕可以退出全屏
    [self.view addSubview:self.playerVC.view];
    
    if (self.playerVC.readyForDisplay) {
        [self.playerVC.player play];
    }
}
@end

就是这么简单，我们就可以播放网络或者本地视频啦，简洁大气上档次，还是暗黑风格哦，如果项目开启了屏幕方向，自动支持横竖屏切换，美滋滋！上两张图来占占篇幅哈！！

简单播放竖屏界面

简单播放横屏界面

但是，但是！我们有没有发现，它没有退出按钮，这叫我如何退出呢！这怎么难倒我，加个导航控制器嵌套，so easy~~这时候你又会发现，播放界面的按钮被盖住了（肯定有人会说，进来的时候设置导航栏隐藏就好啦，然后播放完显示导航栏不就好了。。。）接着往下看


拉伸和音量按钮被遮挡了

那么我们来监听播放状态来控制导航栏的显示和隐藏吧！

我们在viewDidload里面增加这个监听,这个 block 监听方式是我学习各位大神写的一个分类，不必自己释放 observer

//添加监听播放状态
    [self HF_addNotificationForName:AVPlayerItemDidPlayToEndTimeNotification block:^(NSNotification *notification) {
        NSLog(@"我播放结束了！");
        [self.navigationController setNavigationBarHidden:NO animated:YES];
    }];
    
    if (self.playerVC.readyForDisplay) {
        [self.playerVC.player play];
    }

在viewDidAppear里面隐藏导航栏

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    [self.navigationController setNavigationBarHidden:YES animated:YES];
}

这样看起来蛮不错的，达到我们预期效果了，就是进去隐藏导航栏，播放结束显示导航栏！
但是这个视频短，如果是很长的怎么办？等到看完才可以退出么，那就太坑爹了，有木有！辣么有没有机制监听到AVPlayerViewController点击播放界面显示工具栏的时候一并显示导航栏呢？这时候就要借助著名的AOP框架Aspects了!在做这件事之前，我们先看下AVPlayerViewController的视图层级和手势数组了！
首先看下面一张图，好好利用视图层级分析器，可以看透很多东西的实现原理哦！

视图层级和手势数组

而下面这张图是我们需要监听的音量控制的层级图
音量控制🔊的层级图

从上图，我们可以知道单击和双击手势是添加到了AVPlayerViewControllerContentView上，那我们怎么拦截它做事情呢？接下来看我的：

#import "ViewController.h"
#import <AVKit/AVKit.h>
#import "NSObject+BlockObserver.h"
#import <Aspects/Aspects.h>

@interface ViewController ()
@property (nonatomic, strong) NSString *videoUrl;
@property (nonatomic, strong)AVPlayerViewController *playerVC;

//增加两个属性先
//记录音量控制的父控件，控制它隐藏显示的 view
@property (nonatomic, weak)UIView *volumeSuperView;
//记录我们 hook 的对象信息
@property (nonatomic, strong)id<AspectToken>hookAVPlaySingleTap;
@end

先增加两个属性，用来记录我们需要操作的 view 和 hook 的对象信息！然后在viewDidload里面增加以下代码：

   //首先获取我们的手势真正的执行类 UIGestureRecognizerTarget
//然后手势触发的方法 selector 为：_sendActionWithGestureRecognizer:
Class UIGestureRecognizerTarget = NSClassFromString(@"UIGestureRecognizerTarget");
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wundeclared-selector"
    _hookAVPlaySingleTap = [UIGestureRecognizerTarget aspect_hookSelector:@selector(_sendActionWithGestureRecognizer:) withOptions:AspectPositionBefore usingBlock:^(id<AspectInfo>info,UIGestureRecognizer *gest){
        if (gest.numberOfTouches == 1) {
            //AVVolumeButtonControl
            if (!self.volumeSuperView) {
                UIView *view = [gest.view findViewByClassName:@"AVVolumeButtonControl"];
                if (view) {
                    while (view.superview) {
                        view = view.superview;
                        if ([view isKindOfClass:[NSClassFromString(@"AVTouchIgnoringView") class]]) {
                            self.volumeSuperView = view;
                          //  [view addObserver:self forKeyPath:@"hidden" options:NSKeyValueObservingOptionNew|NSKeyValueObservingOptionOld context:nil];
                           [view HF_addObserverForKeyPath:@"hidden" block:^(__weak id object, id oldValue, id newValue) {
                                NSLog(@"newValue ==%@",newValue);
                                BOOL isHidden = [(NSNumber *)newValue boolValue];//记得要转换哦，不然没效果！
                                dispatch_async(dispatch_get_main_queue(), ^{
                                    [self.navigationController setNavigationBarHidden:isHidden animated:YES];
                                });
                        }
                    }
                }
            }
        }
        
    } error:nil];
#pragma clang diagnostic pop
   if (self.playerVC.readyForDisplay) {
        [self.playerVC.player play];
    }

其中[gest.view findViewByClassName:@"AVVolumeButtonControl"]方法的实现如下：

- (UIView *)findViewByClassName:(NSString *)className
{
    UIView *view;
    if ([NSStringFromClass(self.class) isEqualToString:className]) {
        return self;
    } else {
        for (UIView *child in self.subviews) {
            view = [child findViewByClassName:className];
            if (view != nil) break;
        }
    }
    return view;
}

设置完，我们需要在 viewDidDisappear里面去释放我们 hook 的对象，防止反复添加 hook 和引用的问题!

- (void)viewDidDisappear:(BOOL)animated
{
    [super viewDidDisappear:animated];
    [self.navigationController setNavigationBarHidden:NO animated:YES];
    [self.hookAVPlaySingleTap remove];
}

完事，我们来验证一下！看看能不能达到我们的预期效果，点击播放界面，实现播放工具栏和导航栏的同步显示隐藏!我们可以预览一下效果：


hidden.gif

当然，我能写出来，就说明我验证过啦！不过，在这个基础上，我肯定是想做的更自然一点点，更高大上一点点啦！所以我会自定义一个控件添加到播放控制器的 view 上，同一风格，做到真正的全屏播放，抛弃导航栏！因此，我们需要再添加一个控件属性

//增加一个关闭按钮
@property (nonatomic, strong) UIControl *closeControl;

//懒加载
- (UIControl *)closeControl
{
    if (!_closeControl) {
        _closeControl = [[UIControl alloc] init];
        [_closeControl addTarget:self action:@selector(dimissSelf) forControlEvents:UIControlEventTouchUpInside];
        _closeControl.backgroundColor = [UIColor colorWithRed:0.14 green:0.14 blue:0.14 alpha:0.8];
        _closeControl.tintColor = [UIColor colorWithWhite:1 alpha:0.55];
        NSBundle *bundle = [NSBundle bundleForClass:[self class]];
        UIImage *normalImage = [UIImage imageNamed:@"closeAV" inBundle:bundle compatibleWithTraitCollection:nil];
        [_closeControl.layer setContents:(id)normalImage.CGImage];
        _closeControl.layer.contentsGravity = kCAGravityCenter;
        _closeControl.layer.cornerRadius = 17;
        _closeControl.layer.masksToBounds = YES;
    }
    return _closeControl;
  
}

- (void)dimissSelf
{
    if (self.navigationController.viewControllers.count >1) {
        [self.navigationController popViewControllerAnimated:YES];
    }
    else
    {
        [self dismissViewControllerAnimated:YES completion:nil];
    }
    
}

然后在viewDidLoad里面修改代码如下，主要是注释掉导航栏显示和隐藏的代码:

- (void)viewDidLoad {
    [super viewDidLoad];
//    self.videoUrl =  [[NSBundle mainBundle] pathForResource:@"guideMovie1" ofType:@"mov"];
    self.videoUrl = @"http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4";
    /*
     因为是 http 的链接，所以要去 info.plist里面设置
     App Transport Security Settings
     Allow Arbitrary Loads  = YES
     */
    self.playerVC = [[AVPlayerViewController alloc] init];
    self.playerVC.player = [AVPlayer playerWithURL:[self.videoUrl hasPrefix:@"http"] ? [NSURL URLWithString:self.videoUrl]:[NSURL fileURLWithPath:self.videoUrl]];
    self.playerVC.view.frame = self.view.bounds;
    self.playerVC.showsPlaybackControls = YES;
    //self.playerVC.entersFullScreenWhenPlaybackBegins = YES;//开启这个播放的时候支持（全屏）横竖屏哦
    //self.playerVC.exitsFullScreenWhenPlaybackEnds = YES;//开启这个所有 item 播放完毕可以退出全屏
    [self.view addSubview:self.playerVC.view];
    
    
    //添加监听播放状态
    [self HF_addNotificationForName:AVPlayerItemDidPlayToEndTimeNotification block:^(NSNotification *notification) {
        NSLog(@"我播放结束了！");
//        [self.navigationController setNavigationBarHidden:NO animated:YES];
    }];
    
    
    Class UIGestureRecognizerTarget = NSClassFromString(@"UIGestureRecognizerTarget");
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wundeclared-selector"
    _hookAVPlaySingleTap = [UIGestureRecognizerTarget aspect_hookSelector:@selector(_sendActionWithGestureRecognizer:) withOptions:AspectPositionBefore usingBlock:^(id<AspectInfo>info,UIGestureRecognizer *gest){
        if (gest.numberOfTouches == 1) {
            //AVVolumeButtonControl
            if (!self.volumeSuperView) {
                UIView *view = [gest.view findViewByClassName:@"AVVolumeButtonControl"];
                if (view) {
                    while (view.superview) {
                        view = view.superview;
                        if ([view isKindOfClass:[NSClassFromString(@"AVTouchIgnoringView") class]]) {
                            self.volumeSuperView = view;
//                            [view addObserver:self forKeyPath:@"hidden" options:NSKeyValueObservingOptionNew|NSKeyValueObservingOptionOld context:nil];
                            [view HF_addObserverForKeyPath:@"hidden" block:^(__weak id object, id oldValue, id newValue) {
                                NSLog(@"newValue ==%@",newValue);
                                BOOL isHidden = [(NSNumber *)newValue boolValue];
                                dispatch_async(dispatch_get_main_queue(), ^{
//                                    [self.navigationController setNavigationBarHidden:isHidden animated:YES];
                                    [self.closeControl setHidden:isHidden];
                                });
                        
                            }];
                            break;
                        }
                    }
                }
            }
        }
        
    } error:nil];
#pragma clang diagnostic pop
    //这里必须监听到准备好开始播放了，才把按钮添加上去（系统控件的懒加载机制，我们才能获取到合适的 view 去添加），不然很突兀！
    [self.playerVC.player HF_addObserverForKeyPath:@"status" block:^(__weak id object, id oldValue, id newValue) {
        AVPlayerStatus status = [newValue integerValue];
        if (status == AVPlayerStatusReadyToPlay) {
            UIView *avTouchIgnoringView = self->_playerVC.view;
            [avTouchIgnoringView addSubview:self.closeControl];
    //这里判断是否刘海屏，不同机型的放置位置不一样！
            BOOL ishairScreen = [self.view isHairScreen];
            CGFloat margin = ishairScreen ?90:69;
            [self.closeControl mas_makeConstraints:^(MASConstraintMaker *make) {
                make.right.mas_equalTo(avTouchIgnoringView).offset(-margin);
                make.top.mas_equalTo(avTouchIgnoringView).offset(ishairScreen ?27:6);
                make.width.mas_equalTo(60);
                make.height.mas_equalTo(47);
            }];
            [avTouchIgnoringView setNeedsLayout];
        }
    }];
    
    if (self.playerVC.readyForDisplay) {
        [self.playerVC.player play];
    }
   
}

//别忘了释放资源
- (void)dealloc
{
    self.playerVC = nil;
}

来来来，上图：


close按钮和原生工具栏同步显示和隐藏

至此，大功告成了，不过同步显示和隐藏过程需要大家自己去摸索合适的动画了，我总是踏不准点！当然，横竖屏和强制横屏的方案我这里也大概提一下吧，主要思路是监听屏幕的旋转通知：

//获取设备旋转方向的通知,即使关闭了自动旋转,一样可以监测到设备的旋转方向
        [[UIDevice currentDevice] beginGeneratingDeviceOrientationNotifications];
        //旋转屏幕通知
        [[NSNotificationCenter defaultCenter] addObserver:self
                                                 selector:@selector(onDeviceOrientationChange:)
                                                     name:UIDeviceOrientationDidChangeNotification
                                                   object:nil
         ];

/**
 *  旋转屏幕通知
 */
- (void)onDeviceOrientationChange:(NSNotification *)notification{
 
    UIDeviceOrientation orientation = [UIDevice currentDevice].orientation;
    UIInterfaceOrientation interfaceOrientation = (UIInterfaceOrientation)orientation;
    switch (interfaceOrientation) {
        case UIInterfaceOrientationPortraitUpsideDown:{
   
        }
            break;
        case UIInterfaceOrientationPortrait:
            [self changeOrientation:UIInterfaceOrientationPortrait];
        }
            break;
        case UIInterfaceOrientationLandscapeLeft:
            [self changeOrientation:UIInterfaceOrientationLandscapeLeft];
        }
            break;
        case UIInterfaceOrientationLandscapeRight:{
            [self changeOrientation:UIInterfaceOrientationLandscapeRight];
        }
            break;
        default:
            break;
    }
}

-(void)changeOrientation:(UIInterfaceOrientation)orientation{
    if (orientation == UIInterfaceOrientationPortrait) {
        [self setNeedsStatusBarAppearanceUpdate];
        [self forceOrientationPortrait];

    }else{
        [self setNeedsStatusBarAppearanceUpdate];
        [self forceOrientationLandscape];
    }

    if (@available(iOS 11.0, *)) {
        [self setNeedsUpdateOfHomeIndicatorAutoHidden];
    }
    //刷新
    [UIViewController attemptRotationToDeviceOrientation];
}

//强制横屏
- (void)forceOrientationLandscape
{
      [[UIApplication sharedApplication].delegate.isForceLandscape = YES;
      [[UIApplication sharedApplication].delegate.isForcePortrait = NO;
      [[UIApplication sharedApplication].delegate  application:[UIApplication sharedApplication] supportedInterfaceOrientationsForWindow:self.view.window];
}

//强制竖屏
- (void)forceOrientationPortrait
{

     [[UIApplication sharedApplication].delegate.isForceLandscape = NO;
     [[UIApplication sharedApplication].delegate.isForcePortrait = YES;
     [[UIApplication sharedApplication].delegate application:[UIApplication sharedApplication] supportedInterfaceOrientationsForWindow:self.view.window];
}

在 AppDelegate.h 里面添加以下属性

#import <UIKit/UIKit.h>

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;
//添加旋转需要的属性
@property (nonatomic, assign) BOOL isForceLandscape;
@property (nonatomic, assign) BOOL isForcePortrait;
@end

在 AppDelegate.m 里面实现以下方法

-(UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window{
    if (self.isForceLandscape) {
        return UIInterfaceOrientationMaskLandscape;
    }else if (self.isForcePortrait){
        return UIInterfaceOrientationMaskPortrait;
    }
    return UIInterfaceOrientationMaskPortrait;
}

今天的小菜逼装完了，总感觉自己在这个行业里瑟瑟发抖，找不到上岸的路！

demo地址

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 206,126评论 6赞 481
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 88,254评论 2赞 382
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 152,445评论 0赞 341
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 55,185评论 1赞 278
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 64,178评论 5赞 371
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,970评论 1赞 284
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,276评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,927评论 0赞 259
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 43,400评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2赞 323
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1赞 333
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,646评论 4赞 322
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,213评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2赞 352
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2赞 345

推荐阅读更多精彩内容

  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,022评论 4赞 62
  • 10.27周总结
    做任何事情，都要讲求方式方法，这样我们才能把事情做到完美。
    闫玉莲阅读 147评论 0赞 0
  • 楷书褚遂良《雁塔圣教序》
    粗细对比不够强烈，提按一直都是问题，楷书是，草书也是的。继续努力加油吧。每次解决一个问题，然后再考虑其他的。
    余一浳阅读 438评论 0赞 1
  • 七、Kotlin 协程
    轻量级线程：协程 在常用的并发模型中，多进程、多线程、分布式是最普遍的，不过近些年来逐渐有一些语言以first-c...
    Tenderness4阅读 6,351评论 2赞 10
  • 人生十字路口，不忘初心！
    人生会有迷茫，人生会遇彷徨，迷茫只因选择，彷徨会遭挫折！人生十字路口，更多的时候，仅仅需要我们不忘初心，坚定信心，...
    沐风听雨wj阅读 562评论 0赞 0