当前位置: 首页 > ai >正文

鸿蒙next播放B站视频横屏后的问题

(此文讨论范围为b站视频链接,且不包括b站直播链接;android/iOS的webview播放b站视频完全没有这么多问题)

1、竖屏播放没问题

从一个竖屏页p1点击进入视频页p2,p2页仍为竖屏;

p2页有一Web组件,以p1 pushUrl()时带的params里的b站链接进行构造;

此时显示一个播放界面,屏幕居中有一个大播放按钮,点击它或它以外的任意区域,均可以正常播放;暂停后,点击左下角小播放按钮,和屏幕正中的大播放按钮,均正常。

但是,在视频右下角有个全屏切换按钮,点它没有反应(这个可以解决,见2;但出现新的问题)。

2、竖屏时转横屏的办法

给Web加上全屏事件

        .onFullScreenEnter((event) => {console.log("onFullScreenEnter...")this.changeOrientation(true);})

其中changeOrientation方法如下:

// 改变设备横竖屏状态函数private changeOrientation(isLandscape: boolean) {// 获取UIAbility实例的上下文信息let context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;// 调用该接口手动改变设备横竖屏状态window.getLastWindow(context).then((lastWindow) => {lastWindow.setPreferredOrientation(isLandscape ? window.Orientation.LANDSCAPE : window.Orientation.PORTRAIT)});}

这样点击b站视频右下角全屏切换按钮时,就会转入横屏。

但是,此时点击暂停(即点击屏幕任意区域),然后屏幕正中出现了大播放按钮,点击它没反应;而左下角的小播放按钮,点击是没问题的,重新播放。

3、直接横屏播放

视频大多是横屏的,为了提高体验,所以希望一进入p2就横屏。

如果在p2的onPageShow()里横屏,此时点击大播放按钮没反应,只能点击它之外的区域播放。

这和2里手工横屏的问题一样。

于是想到是不是横屏这个动作导致b站视频里的什么css或js没处理好,索性在p1就横屏,这样p2在Web构造前就横屏了;不幸的是,结果一样。

不知有没有人遇到这个问题,怎么解决的?请不吝赐教。

暂时就老老实实默认竖屏吧,然后想横屏自己点那个b站视频自带的横屏切换按钮(也就是说要在代码里按2来一下),不过它是有问题的(在2里已描述)

http://www.xdnf.cn/news/5821.html

相关文章:

  • Linux之进程控制
  • 【Linux网络】HTTPS
  • k8s v1.26 实战csi-nfs 部署
  • 深度剖析:Vue2 项目兼容第三方库模块格式的终极解决方案
  • 无人机俯视风光摄影Lr调色预设,手机滤镜PS+Lightroom预设下载!
  • MATLAB语音情感识别神经网络方法
  • 中国版 Cursor---腾讯云 CodeBuddy | 从安装VSCode到数独小游戏问世
  • yolo11n-obb训练rknn模型
  • 贪心算法:最小生成树
  • 【Qt】之音视频编程1:QtAV的背景和安装篇
  • 蓝桥杯12届国B 纯质数
  • git Authentication failed for 的解决办法
  • 重构门店网络:从“打补丁“到“造地基“的跨越
  • IDEA查看类结构视图窗口,接口的所有的实现类图
  • Python爬虫常用项
  • Spring @Transactional事务传播机制与MySQL事务原理解析
  • 【日撸 Java 300行】Day 14(栈)
  • 关于IDE的相关知识之二【插件推荐】
  • 基于FPGA的视频接口之千兆网口(七GigE)
  • 多线程爬虫语言选择与实现
  • 青少年编程与数学 02-019 Rust 编程基础 09课题、流程控制
  • 手机相册的 “智能分类” 功能
  • point3d 视野朝向设置
  • 使用交互式半自动化标注工具制作语义分割数据集
  • AI智能分析网关V4助力工厂/工地/车间/能源矿山场景玩手机行为精准检测与安全生产智能化监管
  • 视频编辑软件无限音频、视频、图文轨
  • 电机控制储备知识学习(一) 电机驱动的本质分析以及与磁相关的使用场景
  • vue3与springboot交互-前后分离【完成登陆验证及页面跳转】
  • VTK|类似CloudCompare的比例尺实现1-源码分析
  • 【springcloud学习(dalston.sr1)】项目整体介绍(含源代码)(一)