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

iOS播放器全屏切换与播放源切换
本文探讨了iOS平台下ZFPlayer与CLPlayer两款流行播放器的全屏切换及播放源切换实现方式,并提出了改进方案。针对全屏切换问题,分析了通过KVC设置旋转与旋转当前视图两种方法;对于播放源切换,则需移除当前playerItem的通知与观察者并重置播放器。

效果图:

1694376-de51a87967801801.gif

看了一些githup上star比较多的一些播放器,比如ZFPlayer,CLPlayer。关于全屏切换以及切换播放源的实现基本一样,但是在全屏切换ZFPlayer实现不是很好。

ZFPlayer关闭了当前控制器的旋转属性才可以旋转。代码片段:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 返回值要必须为NO
- (BOOL)shouldAutorotate {
    return NO;
}
- (UIStatusBarStyle)preferredStatusBarStyle {
    // 这里设置横竖屏不同颜色的statusbar
    // if (ZFPlayerShared.isLandscape) {
    //    return UIStatusBarStyleDefault;
    // }
    return UIStatusBarStyleLightContent;
}
- (BOOL)prefersStatusBarHidden {
    return ZFPlayerShared.isStatusBarHidden;
}

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
 //播放器所在控制器不支持旋转,采用旋转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];
            }

补充一点:当前页面旋转以及不可旋转有一个区别:旋转的方向是相反的,需要我们做个判断:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 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进行旋转,可以了解一下,尽管可以上架,当时有一定的风险:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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的通知、观察者,重置播放器即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
-(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];
}

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{
     
     
    if (touch.view) {
         
        [self cancelHideSelector];
         
        [self recoveryHideSelector];
         
    }
     
     
    return YES;
}
1
2
3
4
5
6
7
8
9
#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做了处理。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 //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中,结果发现返回的时候播放器会延迟销毁。所以就把销毁播放器放在当前页面即将消失的时候。

1
2
3
4
5
-(void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
     
    [self.playerview destroyPlayer];
}

最后

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


一直以来, 在多媒体播放器这块, 即使目前有许多开播放器项目, 但要写一个播放器仍然是件非常困难的事, 如果在windows上你有可能需要熟悉DShow, 另外的话, 你需要学习一堆开项目(比如FFmpeg, MPC, VLC, Mplayer), 而且多数都是基于linux, 在windows上学习起来很不容易, 然而这些开项目对于一些希望快速实现自己播放器, 就显得很困难. 因此, 我创建了这个项目, 致力于以最简单的方法实现自己的播放器, 并提供一个可以很方便使用的接口. 目前, 在这个代码中, 主要链接到FFmpeg来进行解码, 并将其改造成一个通用的播放器框架. 在这个框架中能够接受各种数据的读入, 可以很方便的封装自己的数据读取模块, 也可以很方便的定制自己的视频渲染模块和音频播放模块, 你只需要参考其中的实现即可. 另外在当前的实现中, 因为个人精力实在有限, 所以借鉴了一些开项目的代码(如Mplayer), 并且该代码主要基于windows平台, 有移植到linux等其它平台的打算. 所以, 我希望有朋友能参与到这个项目中一起研究和学习, 并完成这个目标. 在 https://github.com/Jackarain/avplayer/downloads 中有已经编译好的exe可供测试, 测试命令如下: avplayer.exe test.mp4 或者 avplayer.exe http://edstream.googlecode.com/files/stream.m3u8 或者 avplayer.exe gq.flv.torrent gq.flv.torrent 是从优酷找的一个超清视频文件做的种子. 整个项目分为几个模块: 1. avcore 这只是一个包装类, 实现windows上的窗口创建以及消息响应, 比如: 右击暂停/开始, 单击按屏幕宽百分比seek, F2全屏切换. 在这个模块中, avplayer类是外部接口类, 具体实现在player_impl类中. 在player_impl类中, 初始化各模块结构指针由下面几个函数实现, void init_file_source(media_source *ms); void init_audio(audio_render *ao); void init_video(video_render *vo); 你可以根据自己的需求来修改这些函数实现. media_source是一个提供数据访问的结构, 包含一些函数指针, 如果你需要重新从其它地方读取数据进来提供给播放器, 那么你可以参照这个结构体, 实现这些函数并指向它, 就可以获得从你指定的地方读取数据来进行播放, 这里实现了一个从文件读取数据播放的dll. audio_render是用于播放音频的结构, 同样包含了一些函数指针, 只要实现这些函数指针, 就可以改变音频输出, 比如把音频数据写到文件, 这里实现了2种方式输出音频, 一种是使用dsound来输出音频, 另一种是使用waveout来输出音频. video_render是用于渲染视频的结构, 原理同上, 需要注意的是render_one_frame的data是YUV420格式. 2. libav 这是一个基于ffmpeg的播放框架, 该框架不包含视频渲染和音频播放以及数据读取, 若需要可以实现上述结构体各函数即可, 这个框架中主要完成了使用ffmpeg解码, 以及音视频同步, seek操作处理, 并提供一些基本的控制播放器的函数(在avplay.h中定义). 3. audio 是一个音频播放输出模块实现, 主要实现了audio_render中那几个函数指针. 在这个模块中实现了2套音频输出dsound和waveout. 4. video 是一个视频渲染模块的实现, 实现了video_render中的那几个函数指针. 在这个模块中, 实现了3套视频渲染输出d3d, ddraw, opengl这些方式(还有gdi方式渲染没有添加到video_out.h中). 5. avplayer 是一个使用avcore实现一个简单播放器的示范, 如果要创建一个播放器, 只需要avplayer.h, 然后使用创建一个avplayer对象, 就可以创建一个播放器, 关于如何使用avcore的具体细节可以参考avplayer/main.cpp. 最后, 任何方式(包括商业或非商业)修改或引用该项目的全部或部分码(或dll), 请在你的软件中或产品文档中必须清楚的声明引用了该项目, 并注明url(https://github.com/Jackarain/avplayer), 你可以偷偷的不这样做, 但这样做是令人欣赏的做法. 最后本程序作者不承担使用该程序所带来的任何问题并拥有一切解释权. mail: jack.wgm@gmail.com
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值