ios 横竖屏显示视频播放问题分析

一、场景

通过混合开发方式，前端调用native端的接口，进入视频播放后返回，然后界面显示混乱，看起来感觉是没有恢复成竖屏状态（视频播放界面是横屏的，其他界面是竖屏）。

二、问题分析

1、查看横竖屏实现逻辑

#import "UIDevice+TFDevice.h"

@implementation UIDevice (TFDevice)

+ (void)switchNewOrientation:(UIInterfaceOrientation)interfaceOrientation

{

NSNumber *resetOrientationTarget = [NSNumber numberWithInt:UIInterfaceOrientationUnknown];

[[UIDevice currentDevice] setValue:resetOrientationTarget forKey:@"orientation"];

NSNumber *orientationTarget = [NSNumber numberWithInt:interfaceOrientation];

[[UIDevice currentDevice] setValue:orientationTarget forKey:@"orientation"];

}

@end

主要是在view 的生命周期viewDidLoad viewWillDisappear 中分别调用设置 UIInterfaceOrientationLandscapeRight UIDeviceOrientationPortrait 来实现的，从监听事件的逻辑来看：

设备是正常实现了横竖屏切换的，但是返回到前端界面后，就是有问题，刚开始我还怀疑是不是前端界面渲染问题，后面发现另外一个功能也是前端调用native 接口，然后进入的功能界面也是横屏，同样native实现，但是返回后正常显示，于是判断应该还是native 在视频播放这块的实现问题，后面就开始进行逻辑对比。

一对比才发现两个view 的进入呈现方式是有差异的，视频这个是通过模态视图打开的，用的是 presentViewController ，而那个正常功能的进入方式是通过pushViewController打开，带有导航栏的。从这个差异点，我慢慢开始调试，发现换成push 这种方式就确实正常了，具体原因也不清楚，就先换过来再说。

但是接着发现原先使用模态方式打开的view界面是xib中实现的，其自己增加了一个title 栏，但是这个高度是和导航栏的高度不同的，于是打开xib界面，打算将其去除，这样导航栏是正常显示了，但是问题接着来了，视频播放界面的范围始终没法和导航栏严丝合缝地对接：

play view 是外层view 的一个子视图，后来打算在代码中通过直接设置frame 来达到和导航栏的显示对接，但是始终无效：

#define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)

#define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)

#define NAVIGATIONBARHEIGHT (self.navigationController.navigationBar.frame.size.height)

// 横屏时导航栏高度固定32，竖屏时44

#define NAVIGATION_HEIGHT_LANDSCAPE 32.f

self.playView.frame = CGRectMake(0, NAVIGATION_HEIGHT_LANDSCAPE, SCREEN_WIDTH, SCREEN_HEIGHT);

通过日志输出发现，代码中获取到的屏幕宽和高，与xib 中的有差异，xib 中是以选择的view as 设备的屏幕尺寸来显示的，不是以实际运行的手机设备尺寸。所以总是对不上，左右看了xib里面的各种参数设置，不甚了解，最终想了一个方法，就是只修改距离顶部的高度，而不去改变其width 和 height

CGSize playviewSize = self.playView.frame.size;

self.playView.frame = CGRectMake(0, NAVIGATION_HEIGHT_LANDSCAPE, playviewSize.width, playviewSize.height-NAVIGATION_HEIGHT_LANDSCAPE);

就这样算是将问题解决了。

后来又在自测的过程中发现，当程序挂起到后台的时候，然后再恢复，视频播放就消失了，

回头又仔细看了一下源码，发现挂起是停止了播放，恢复时居然没有恢复播放，这个是好久的适配代码了，当时不知道怎么拼凑出来的，于是又在对应的生命周期进行停止播放和恢复播放的对称处理。

applicationWillResignActive

applicationDidBecomeActive

以上这些问题应该是两年前留下的，知道今天又需要重新阅读修复，也是当初做完之后无人使用，现在用起来就需要还账了。

ios 横竖屏显示视频播放问题分析相关推荐

iOS 横竖屏切换解决方案
iOS 横竖屏切换解决方案参考文章: (1)iOS 横竖屏切换解决方案 (2)https://www.cnblogs.com/qqcc1388/p/7358552.html 备忘一下.
全志H6 Android 7.0 平台修改横竖屏显示
**问题描述:**全志H6 Android 7.0 并没有给出横竖屏显示属性的设置,可以自己设置一个persist.sys.rotation属性来控制横竖屏的显示解决方案: diff --git a ...
iOS 横竖屏处理方案
概要:这里只说项目如何配置横竖屏,具体横竖屏适配可以参考下文图解---横屏的VC--最后一个方法里适配横竖屏,用 AutoLayout 的话就不用处理了,注意横屏后刘海屏的左右边距,我习惯一般直接给个 ...
如何解决ios横竖屏切换布局错乱的问题
如何解决ios横竖屏切换布局错乱的问题可以使用 location.reload(); 强制刷新页面 mounted () {// 监听 resize 方法window.addEventListene ...
flutter3 强制横屏，控制横竖屏显示
进入app,就设置整个app为竖屏显示 void main() {WidgetsFlutterBinding.ensureInitialized(); //不加这个强制横/竖屏会报错SystemChr ...
横竖屏显示图片分辨率
1. 设置屏幕的横竖屏显示: 如果不做特殊说明,开发的应用是横竖屏重力敏感的,如果禁止横竖屏切换,需要在AndroidManifest.xml文件中做相应的修改: <activi ...
iOS横竖屏旋转及其基本适配方法
前段时间抽空总结了一下iOS视频播放的基本用法,发现这其中还有一个我们无法绕过的问题,那就是播放界面的旋转与适配.的确,视频播放与游戏类型的App经常会遇到这个的问题.由于至今接手的项目中不常涉及这块 ...
ios 横竖屏转换通知问题
关于ios 屏幕横竖屏切换问题当设备方向改变时,系统会发送通知 UIDeviceOrientationDidChangeNotification,但这里有一个问题,当手动转换设备方向时,在瞬间又转换 ...
IOS横竖屏控制与事件处理
公司App里面有个需求,即所有界面都是竖屏,且不允许横屏切换,唯独有一个图表界面允许横屏.那么,根据此需求处理如下: 首先,确保App本身应该允许转屏切换: 再次,我的App里面都是走UINaviga ...
uniapp使用横竖屏显示样式错乱问题。
记得在需要切换横竖屏的页面写在onload生命周期写 onLoad() {// #ifdef APP-PLUSuni.showLoading({title:"加载中..."})s ...

ios 横竖屏显示视频播放问题分析

ios 横竖屏显示视频播放问题分析相关推荐

最新文章

热门文章