相关问题
视频播放Player组件如何加速播放或者快进播放
5950浏览 • 1回复 待解决
VideoController如何控制子组件中的视频播放
494浏览 • 2回复 待解决
有没有获取网络视频封面或截图的方法?
2767浏览 • 1回复 待解决
视频列表滑动中,如果刚完整进入可视区域,则进行播放,其他不在可视区域的停止播放
531浏览 • 1回复 待解决
请问如何获取屏幕底部安全区域的高度?目前系统只提供了获取顶部安全区域高度的API
651浏览 • 1回复 待解决
如何在subwindow放屏幕中央的时候,外围区域主window还能继续点击、滑动等用户事件
119浏览 • 1回复 待解决
HarmonyOS 2怎么回退至EMUI官方稳定版本
4590浏览 • 1回复 已解决
panel组件点击区域问题
3250浏览 • 1回复 待解决
指定页面区域转化为图片
624浏览 • 1回复 待解决
实现安全区域,关于图片的安全区域设置
420浏览 • 1回复 待解决
鸿蒙基于codec实现的视频播放案例,或代码git,谁有网址?完全不懂怎么用
4173浏览 • 1回复 待解决
如何屏蔽弹窗外的区域事件
837浏览 • 1回复 待解决
DTS的源为自建Redis或云数据库Redis的新版控制台的迁移方案是什么?
1747浏览 • 1回复 待解决
在写鸿蒙视频播放器添加控制栏时用到一行代码不知到什么意思
4013浏览 • 1回复 已解决
日志的log区域不相关信息太多。
229浏览 • 1回复 待解决
UI组件布局,屏幕外左侧一屏、当前屏幕一屏、屏幕外右侧一屏
351浏览 • 1回复 待解决
Navigation和Tabs组件如何获取内容区域的尺寸
654浏览 • 1回复 待解决
Panel 组件的遮罩区域能否配置为不生效?
344浏览 • 1回复 待解决
如何获取系统屏幕固定。
2238浏览 • 0回复 待解决
鸿蒙手机屏幕怎么适配
8266浏览 • 1回复 待解决
如何获取手机屏幕信息
255浏览 • 1回复 待解决
如何获取屏幕相关配置
363浏览 • 1回复 待解决
Span组件禁用控制(enable)、显隐控制(visibility)属性设置无效
646浏览 • 1回复 待解决
固定屏幕Orientation的情况下,是否能够监听屏幕方向变化
663浏览 • 1回复 待解决
小窗视频转全屏播放,播放的视频占满全屏
650浏览 • 1回复 待解决
应用开发中经常需要给同一个组件划分不同的触摸热区,并且不同热区触发的操作也不同,比如阅读应用通常包含左右两个触摸热区,用户触摸左侧触发向后翻页,触摸右侧触发向前翻页;同样的,视频应用中,长按视频播放器的左侧触发快退播放,长按右侧触发快进播放等等。 当前OpenHarmony提供的热区设置属性(responseRegion)只能在不同的触摸热区中触发相同的事件,那么如何实现不同热区不同事件呢,本例即以上述视频播放场景为例进行说明。
效果说明
开始时视频以正常速度播放,长按播放器右侧触发快进播放,长按播放器左侧触发快退播放。
环境要求
本例基于以下环境开发,开发者也可以基于其他适配的版本进行开发:
l IDE: DevEco Studio 4.1 Release
l SDK: Ohos_sdk_public 4.0.10.13 (API Version 10 Release)
实现思路
几乎组件的所有触摸事件都会返回event,通过返回的event可以获取到触摸点的坐标位置,那么就可以根据坐标位置为不同的组件区域添加不同的交互动作。如图:假设有一个长度为200vp的组件,我们希望点击组件的左侧时触发事件A,点击组件的右侧时触发事件B,那么就可以通过触摸点的坐标来判断,当触摸点的x坐标<=100时,触发事件A,反之触发事件B。
如何为组件的不同触摸区域添加不同交互动作(通过event坐标实现)
本例即采用上述思路为Video组件的左右两侧添加不同的交互动作。从而实现长按视频播放器的左侧触发后退播放,长按右侧触发快进播放。
开发步骤
本例详细开发步骤如下,开发步骤中仅展示相关步骤代码,全量代码请参考完整代码章节的内容。
通过Video组件创建视频播放器,并添加触摸手势,通过触摸控制视频的播放、暂停。
为Video组件添加长按手势,通过长按手势触发播放的快退和快进动作。由于触摸手势和长按手势需要互斥,即一次只能触发一种手势,所以通过GestureGroup来实现手势的互斥。
补充长按手势中的业务逻辑:通过event获取到触摸点的x坐标:localX,当localX>=200时,说明触摸点在组件的右侧,触发快进播放;当localX<200时,说明触摸点在左侧,触发快退播放。当触摸停止时,回归正常播放速度。
完整代码
本例完整代码如下:
说明:
本例中使用的视频等资源需要替换为开发者自己的资源。