美文网首页
iOS竖屏App视频播放模块横屏问题探究

iOS竖屏App视频播放模块横屏问题探究

作者: 站在下一刻 | 来源:发表于2018-11-14 10:22 被阅读116次

    目前视频播放应用越来越常见,视频播放器的开发是个难点,同时app中播放器的横竖屏转换也是一个难点,而我也有幸接触这块内容,就横竖屏转换走过一些弯路,仅此记录做个分享。

    播放器横屏难点在于app适配iPhone手机,大多是只支持竖屏,如何保证视频横屏并不影响其它模块,我尝试过三种方法。

    1. 改变player的view的形变属性
    • 这种方式是最简单的实现视频横屏播放的方式,当用户触发横屏事件的时候,将player的view添加到keyWindow上,重新计算frame,以UIView动画的形式执行,就可以实现横屏的转屏动画,视频就可以全屏播放了。

    • 不足:这是一种假转屏的方法,系统通知,状态栏,音量图标等都还是竖屏的。会一定程度上会影响体验。

    1. 以非动画方式present一个只支持横屏幕的controller,controller上添加present前的一张屏幕截图,实现竖屏控制器和横屏控制器无缝切换
    • 这种方式实现了真转屏,弥补了第一种方式的不足,但是实现上相对复杂。

    首先,Appdelegate中添加以下代码

    - (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window
        
        {
            
            if ([self.window.rootViewController.presentedViewController isKindOfClass:[WKModelViewController class]])
                
            {
                
                WKModelViewController *vc = self.window.rootViewController.presentedViewController;
                
                if (vc && vc.isPresented) {
                    
                    return UIInterfaceOrientationMaskAllButUpsideDown;
                    
                }else{
                    
                    return UIInterfaceOrientationMaskPortrait;
                    
                }
                
            }
            
            else return UIInterfaceOrientationMaskPortrait;
            
        }
    

    appdelegate中的这个方法控制着app转屏的功能,要想转屏需要返回正确的屏幕方向;

    然后WKModelViewController这个类初始化时添加一个UIImageView,放present它之前页面的截图,并强制转屏.

    NSNumber*newOrientation = [NSNumber numberWithInteger:UIInterfaceOrientationLandscapeLeft];
    
    [[UIDevice currentDevice] setValue:newOrientation forKey:@"orientation"];
    

    最后以非动画方式present这个控制器就可以看到状态栏横屏了,而之前页面没有变化的效果;

    过程中遇到的问题,状态栏横屏后不显示,在viewWillAppear中执行

    [[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:UIStatusBarAnimationNone];
    
    • 不足:在present这个控制器的时候,偶现控制器ImageView轻微抖动

    这点貌似是强制转屏后,控制器中UIImageView的frame变化导致了,尝试在多个地方改变frame还是会出现,我还没有找到方法,也是会影响体验的。

    1. 直接调用转动statusbar的方法
    [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeLeft animated:NO];
    

    设置状态栏横屏,这个方法虽说已经DEPRECATED了,但是它能很好的满足视频转屏的需求,而且转动过程并不改变之前视图的屏幕方向,但会改变系统通知,音量图片等屏幕方向,实现起来也是相对简单。

    首先在keywindow的rootController中添加一个方法,

    - (BOOL)shouldAutorotate{
          return NO;
    }
    

    之后就可以愉快地调用状态栏旋转的方法了。

    • 不足:此方法苹果不推荐使用了,存在iOS更新后的风险

    以上就是我在视频播放器转屏这块的尝试,比较起来第三种方法是最简单,最有效的方式。

    相关文章

      网友评论

          本文标题:iOS竖屏App视频播放模块横屏问题探究

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