【HarmonyOS 鸿蒙实战开发】滑动视频自动播放

往期知识点整理

介绍

本示例主要介绍视频列表滑动到屏幕中间自动播放场景,利用onScrollIndex获取List显示区域内中间子组件索引值的能力来判断播放,利用懒加载场景会预加载List显示区域外cachedCount的内容的能力来实现视频连续播放。

效果图预览

使用说明

  1. 等待视频加载完成,首页中间视频会自动播放。
  2. 滑动列表,视频达到中间位置会自动播放。
  3. 滑动列表返回上一个视频会继续播放。

实现思路

本例涉及的关键特性和实现方案如下:

  1. 使用List渲染视频列表,LazyForEach实现视频列表懒加载。将每个视频模块存放在ListItem中,LazyForEach懒加载可以通过设置cachedCount来指定缓存数量,使用onScrollIndex获取List显示区域内中间位置子组件的索引值。
List() {
   
   
  LazyForEach(this.newsList, (news: NewsItem, index: number) => {
   
   
    ListItem() {
   
   
      XComponentVideo({
   
   
        centerIndex
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值