动态横竖屏切换KSYLive_iOS

动态横竖屏切换

1.8.4 版本之后直播SDK开始支持动态横竖屏切换的功能.
当主播的手机解除了系统的屏幕锁定功能后, 将手机旋转90°, 180°或270°, 系统的UI界面会在横屏状态和竖屏状态之间切换.
所谓动态横竖屏切换就是指直播SDK对这种在直播过程中动态发生的状态切换的适配.

动态横竖屏切换包含如下两种层次

主播端预览界面跟随系统UI界面的旋转
观众端播放画面跟随主播预览界面的旋转

实现原理

主播端预览界面的旋转, 可以直接使用CGAffineTransform 来实现, 参考kit类中的rotatePreview方法.
要做到观众播放的画面也跟随旋转, 则可以在GPU上先旋转好, 将旋转后的画面送到后续的压缩和推流环节去, 参考kit类中的rotateStream方法.

可选方案的比较

1.如果单独选择选择主播端预览界面, 推流画面不旋转

   优点: 比较容易做到, 代价比较低, 对后续的视频压缩, 源站, CDN,和播放等环节没有影响.
   缺点: 观众端看到的画面不是矫正后的画面, 移动端的观众需要自己根据画面的旋转, 人肉旋转一下.

2.同时旋转预览界面和推流界面

   优点: 观众端能够始终看到正向的画面
   缺点: 由于视频流中的分辨率发生了变化, 对整个直播播放链路中的各个环节的适配性有要求, 任何环节支持不当, 就会出现花屏等现象.

集成方法

以使用kit类的客户为例说明集成方法, 需要定制的客户请参考kit类的实现方法
1.保证直播视图控制器能够接收到屏幕旋转的事件通知
2.在直播视图控制器中添加屏幕旋转事件回调, 在屏幕旋转结束后, 将预览视图(和推流)旋转到旋转后的朝向

  • (void)viewWillTransitionToSize:(CGSize)size

       withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
    [coordinator animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext> context) { }
                                 completion:^(id<UIViewControllerTransitionCoordinatorContext> context) {
         if(SYSTEM_VERSION_GE_TO(@"8.0")) {
            [_kit rotatePreview];
            [_kit rotateStream];  // 可选
         }
     }];
    [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];

    }

反馈与建议

答疑:金山云视频云客户端SDK答疑专区
邮箱:zengfanping@kingsoft.com
QQ讨论群:574179720
release:https://github.com/ksvc/KSYLi...

阅读 1.7k

推荐阅读
视频云客户端SDK
用户专栏

金山视频云技术交流,围绕视频云整体功能,为移动直播、游戏、VR等场景提供全套技术方案。覆盖Android/i...

1 人关注
4 篇文章
专栏主页