Flutter视频滚动播放怎么解决?看这个方案,神了!

本文探讨了在Flutter中实现在视频列表滚动时保持播放的解决方案。通过ScrollDetectListener组件和MetaConsumer包裹视频帖子,检测视频露出比例并进行播放。还提到了一个开源库inview_notifier_list,适用于固定位置播放,但不支持根据视频自身位置计算的场景。文章介绍了两种方案的优缺点,并指出即将开源作者的完整组件。
摘要由CSDN通过智能技术生成


###如题,本文分享的内容为:视频列表滚动播放。

分类

视频列表的播放规则一般需要和具体产品、交互确认,播放一般都是静音的,根据露出坐标规律,常见的有两大类:

固定位置播放

如滑动屏幕的中间位时,延迟若干毫秒自动播放。

固定索引+屏占比播放

如第一个符合屏占比的视频可以自动播放;屏占比可以是当前视频组件的高度百分比,也可以是屏幕上的固定位置;当我们把屏占比定位60%时,第一个视频的可见区小于60%会暂停播放,触发可见的下一个视频。

更多相关学习内容看GitHub:https://github.com/Meng997998/AndroidJX
Flutter从入门到进阶实战​

有料视频流

在开发安居客-有料内容Feed流时,我们遇到的交互是第二种,由于视频贴出现不固定,待播放的位置也不固定。 在这种情况下要实现与Native一致的效果是一个不小的难题。

我们在开发

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值