美文网首页iOS开发者专题程序员iOS学习笔记
iOS 基于AVPlayer封装的播放器,全屏切换,切换播放源

iOS 基于AVPlayer封装的播放器,全屏切换,切换播放源

作者: 雪_晟 | 来源:发表于2018-01-19 11:09 被阅读1558次
效果图: 自定义视频播放器.gif

看了一些githupstar比较多的一些播放器,比如ZFPlayer,CLPlayer。关于全屏切换以及切换播放源的实现基本一样,但是在全屏切换ZFPlayer实现不是很好。
ZFPlayer关闭了当前控制器的旋转属性才可以旋转。代码片段:

// 返回值要必须为NO
- (BOOL)shouldAutorotate {
    return NO;
}

- (UIStatusBarStyle)preferredStatusBarStyle {
    // 这里设置横竖屏不同颜色的statusbar
    // if (ZFPlayerShared.isLandscape) {
    //    return UIStatusBarStyleDefault;
    // }
    return UIStatusBarStyleLightContent;
}

- (BOOL)prefersStatusBarHidden {
    return ZFPlayerShared.isStatusBarHidden;
}

如果shouldAutorotate返回为YES,全屏切换就会出问题。

CLPlayer的作者提供了一种思路,当页面可以进行旋转的时候,直接利用KVC设置旋转即可.

 [[UIDevice currentDevice] setValue:[NSNumber numberWithInteger:UIInterfaceOrientationLandscapeRight] forKey:@"orientation"];

当页面不可以旋转的时候,可以旋转当前视图。

 //播放器所在控制器不支持旋转,采用旋转view的方式实现
            if (oriention == UIInterfaceOrientationLandscapeLeft){
                [UIView animateWithDuration:0.25 animations:^{
                    self.transform = CGAffineTransformMakeRotation(M_PI / 2);
                }];
                [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeRight animated:NO];
            }else if (oriention == UIInterfaceOrientationLandscapeRight) {
                [UIView animateWithDuration:0.25 animations:^{
                    self.transform = CGAffineTransformMakeRotation( - M_PI / 2);
                }];
                [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeLeft animated:NO];
            }
补充一点:当前页面旋转以及不可旋转有一个区别:旋转的方向是相反的,需要我们做个判断:
 if (orientation == UIDeviceOrientationLandscapeLeft) {
        
        if (self.isLandScape) {
            
            //因为受控制器的影响是反的
            [self setOrientationLandscapeConstraint:UIInterfaceOrientationLandscapeRight];
        }else{
            [self setOrientationLandscapeConstraint:UIInterfaceOrientationLandscapeLeft];
        }


    }else if (orientation == UIDeviceOrientationLandscapeRight){
        
        if (self.isLandScape) {
            [self setOrientationLandscapeConstraint:UIInterfaceOrientationLandscapeLeft];
        }else{
            [self setOrientationLandscapeConstraint:UIInterfaceOrientationLandscapeRight];
        }

之前都是使用使用私有的API进行旋转,可以了解一下,尽管可以上架,当时有一定的风险:

if ([[UIDevice currentDevice] respondsToSelector:@selector(setOrientation:)]) {
            
            SEL selector = NSSelectorFromString(@"setOrientation:");
            
            NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:[UIDevice instanceMethodSignatureForSelector:selector]];
            
            [invocation setSelector:selector];
            
            [invocation setTarget:[UIDevice currentDevice]];
            
            int val = UIInterfaceOrientationLandscapeRight;
            
            [invocation setArgument:&val atIndex:2];
            
            [invocation invoke];
            
            
        }

因为私有API的风险,所以基本上在切换横屏的时候,当前播放器是加在keyWindow上的。

关于切换播放源,我们只需要移除当前playerItem的通知、观察者,重置播放器即可。

-(void)setCurrentModel:(LXPlayModel *)currentModel{
    _currentModel = currentModel;
    
    self.contollView.playTitle = _currentModel.videoTitle;
    
    [self addPlayerToFatherView:_currentModel.fatherView];
    
    //播放前准备
    [self readyToPlay];
}


#pragma mark---播放前的准备--
-(void)readyToPlay{
    
    self.backgroundColor = [UIColor blackColor];

    self.playerItem =[AVPlayerItem playerItemWithAsset:[AVAsset assetWithURL:[NSURL URLWithString:self.currentModel.playUrl]]];
    
    [self.contollView showLoadingAnimation:YES];
    
    
}
-(void)setPlayerItem:(AVPlayerItem *)playerItem{
    
    if (_playerItem) {
        //移除观察者
        [self removeObserver];
        
        //重置播放器
        [self resetPlayer];
        
        self.panRecognizer.enabled = NO;
    }
    _playerItem = playerItem;
    
    self.player =[AVPlayer playerWithPlayerItem:_playerItem];
    
    self.playerLayer = [AVPlayerLayer playerLayerWithPlayer:self.player];
    
    self.playerLayer.videoGravity =  AVLayerVideoGravityResizeAspect;
    
    
    //设置静音模式播放声音
    //      AVAudioSession * session  = [AVAudioSession sharedInstance];
    //    [session setCategory:AVAudioSessionCategoryPlayback error:nil];
    //    [session setActive:YES error:nil];
    
    
    [self addNotificationAndObserver];
    
    
}

#pragma mark--重置播放器---
-(void)resetPlayer{
    
    self.playState = LXPlayerStateStopped;
    
    self.isEnd = NO;
    
    
    [self.playerLayer removeFromSuperlayer];
    
    self.player = nil;
    
    [self.contollView resetPlayState];
    
    [self recoveryHideSelector];
}

关于单击显示以及双击暂停播放,处理如下:

  
    // 解决点击当前view时候响应其他控件事件
    [self.singleTap setDelaysTouchesBegan:YES];
    [self.doubleTap setDelaysTouchesBegan:YES];
    // 双击失败响应单击事件
    [self.singleTap requireGestureRecognizerToFail:self.doubleTap];

我们需要开启定时器显示以及隐藏控制层,但是当有手势或者触摸作用在播放器的时候,会和定时器冲突。我们需要的是在当前屏幕接收事件的时候定时器不起作用,所有需要在接收手势的地方做处理,5秒后用户没有操作恢复定时器,时间可以自己设定:

-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{
    
    
    if (touch.view) {
        
        [self cancelHideSelector];
        
        [self recoveryHideSelector];
        
    }
    
    
    return YES;
}
#pragma mark--恢复定时器--
-(void)recoveryHideSelector{
    [self performSelector:@selector(hideControllView) withObject:nil afterDelay:5];
}
#pragma mark---取消定时器
-(void)cancelHideSelector{
    
    [NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(hideControllView) object:nil];
}

关于全屏处理屏幕亮度和音量还是借鉴上面两个播放器,代码几乎都一样,就不多说了。

还有一点:ZFPlayer,CLPlayer 并没有对slider做处理。我们经常会看到播放器,点击slider会快进到某个进度,或者slider会有一个平移手势,以此来快进快退。所以我也对slider做了处理。

 //slide平移手势的回调
    
    self.contollView.panBegin = ^{
        
        weakSelf.isDragged = YES;
        if (!weakSelf.contollView) {
            weakSelf.contollView.isShow = YES;
        }
        [weakSelf cancelHideSelector];
        
    };
    
    self.contollView.getSlideValue = ^(CGFloat value) {
        
        // 当前frame宽度 * 总时长 / 总frame长度 = 当前时间
        CGFloat duration = CMTimeGetSeconds([weakSelf.player.currentItem duration]);
        int time = duration * value;
        // 更新时间
        weakSelf.contollView.startTime = [LXAVPlayView durationStringWithTime:(NSInteger) time];
    };
    
    
    self.contollView.panEnd = ^(CGFloat value) {
        CGFloat duration = CMTimeGetSeconds([weakSelf.player.currentItem duration]);
        int time = duration * value;
        
        weakSelf.isDragged = YES;
        [weakSelf seekToTime:time completionHandler:nil];
    };
    
    
    self.contollView.tapSlider = ^(CGFloat value) {
        // 当前frame宽度 * 总时长 / 总frame长度 = 当前时间
        weakSelf.isDragged = YES;
        CGFloat duration = CMTimeGetSeconds([weakSelf.player.currentItem duration]);
        int time = duration * value;
        // 更新时间
        weakSelf.contollView.startTime = [LXAVPlayView durationStringWithTime:(NSInteger) time];
        [weakSelf seekToTime:time completionHandler:nil];
    };

关于播放器的释放,本来是打算移除通知,置空player全部放在dellloc中,结果发现返回的时候播放器会延迟销毁。所以就把销毁播放器放在当前页面即将消失的时候。

-(void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    
    [self.playerview destroyPlayer];
}

最后

注意点基本上已经介绍完了,因为不太喜欢delegate的冗余,所以代码中基本上都使用了block回调,本意是希望代码简洁一点,结果发现代码量依旧不少。

强调:如果手机系统是iOS11,在全屏切换的时候过渡动画会混乱,iOS10.3是好着的,iOS 11 只要屏幕发生旋转,系统的动画就会混乱。手机版本11.2.2,时间2018年2月7日。手机系统升级到11.2.5是好的。

demo 地址: LXPlayer

博客会同步到我的个人博客:http://iphone20.top/
推荐一个技术博客:https://4xx.me/

相关文章

网友评论

  • 奔跑吧小蚂蚁:我今天测试了一下CFPlayer,ZFPlayer都有这个问题,我怀疑是[player.currentItem cancelPendingSeeks];
    [player.currentItem.asset cancelLoading];这里的问题,当前播放item没有释放,我明天去试一下
  • 奔跑吧小蚂蚁:你好作者,首先感谢你的分享,但是关于该播放器我提出一些自己遇到问题
    通过测试你上传的demo我发现,有一个我也不知是不是bug,并且在被人封装的播放器中也发现了这个问题,启动demo 同时开始内存检测,当你第一次进入播放器,你会发现是正常的内存也正常 但是第二次 你进入播放你会发现内存泄漏但是不多, 这个问题CLPlayer也有,ZFPlayer我还没有测试,迷茫了 这到底是苹果框架本身的错误还是你封装的时候方法出错了呢。
    奔跑吧小蚂蚁:@雪_晟 不是我昨天说的问题
    雪_晟:@奔跑吧小蚂蚁 也可能是释放的时机有延迟,这是我的一个猜测 这两天我找时间也测一下
    雪_晟:@奔跑吧小蚂蚁 你好,我没有做内存测试,当时只是看播放器有和控制层那些有没有释放掉。你可以看看内存泄露的地方,如果是苹果框架的问题那只能再想办法。
  • narutog17:我没用cocospod 导 我就把你项目的 Category 和LXAVPlayer 文件夹 ,拷贝进去 ,一运行 一大把错误。。。
    narutog17:@雪_晟 我还是用cocospod导吧
    雪_晟:@narutog17 那是引用分类的问题应该是 你看下什么错误
  • narutog17:请问一下,能不能 点击进去之后 就直接横屏 全屏播放 ,,不要竖屏的。。。。。
    雪_晟:@narutog17 有全屏切换的方法 直接设置死就行
  • 介是阿姐:看了你写代码后,给一个大大的赞,封装的很好,思路很清晰,对于我这种小白下下功夫也可以领略到一二,唯一美中不足的是,寻梦环游记的链接给的不对😜
    雪_晟:@邓姑娘 能帮到就好,哈哈,名字是瞎起的,可以忽略的
  • 我在远方啊:可以的 大佬 默默的点个赞 收藏了
  • 浩成哥哥:你好 我用了你的demo 我想知道快进那个手势你是添加在哪儿的,我想改改里面的内容。我不想视屏中间响应我的快进手势。我只想在底部LXSlider响应我的手势,需要在哪儿改代码呢?
    雪_晟:@天府浩成 你是想把那个全屏手势注掉是吧 回去我看看 应该在controllview里
    浩成哥哥:好的,谢谢。一个新手,看你们代码。确实有点吃力,希望多多帮助:smiley:
    雪_晟:@天府浩成 在回去路上 晚上回去我看下
  • 午马丶:你好 我在用你的 这个demo ,但是我把你的代码放在我新建的工程中,在全屏的时候不好使能加你个QQ和你聊下吗
    雪_晟:@A丶 我今天看看 看有好的解决办法没,在利用kvc设置设备方向的API 有了变化,猜测是这样的
    午马丶:@雪_晟 哦哦行
    雪_晟:你说的问题我昨晚发现了,系统的API好像改了,动画效果乱了,我看了下其他的播放器也是同样的问题

本文标题:iOS 基于AVPlayer封装的播放器,全屏切换,切换播放源

本文链接:https://www.haomeiwen.com/subject/vuhooxtx.html