async k(k, old_k) { //监听 k 值的变化，可以控制视频的播放与暂停
// 清理定时器
this.dataList[old_k].state = 'stop' //如果是被滑走的视频，就停止播放
this.dataList[old_k].playIng = false //如果视频暂停，就加载封面
this.dataList[old_k].isplay = true
uni.createVideoContext(this.dataList[old_k].id, this).play()
clearTimeout(this.oldVideo)
this.oldVideo = await setTimeout(() => {
uni.createVideoContext(this.dataList[old_k].id, this).seek(0) //上个视频进度为0
uni.createVideoContext(this.dataList[old_k].id, this).pause() //上个视频暂停
}, 300)
this.dataList[k].state = 'play'
uni.createVideoContext(this.dataList[k].id, this).play();
this.xrotats = setTimeout(() => {
this.showPlay = true;
this.rotateX();
}, 200)
clearTimeout(this.voice)
this.voice = await setTimeout(() => {
this.dataList[k].isplay = false
}, 80)
await setTimeout(() => {
this.dataList[k].playIng = true
}, 80)
var p = k;
++p;
this.dataList[p].isplay = true
await setTimeout(async () => {
uni.createVideoContext(this.dataList[p].id, this).play()
clearTimeout(this.timeout)
this.timeout = await setTimeout(() => {
uni.createVideoContext(this.dataList[p].id, this).seek(0)
uni.createVideoContext(this.dataList[p].id, this).pause()
}, 0)
}, 20)
}
},```
6***@qq.com
- 发布：2023-07-05 15:55
- 更新：2024-11-29 11:09
- 阅读：381
【报Bug】ios nvue下 list组件里面的短视频上下滑动 调用 uni.createVideoContext(videoId, this).play 会卡顿一下 安卓是没有问题的
分类：uni-app
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 19044.3086
HBuilderX类型： 正式
HBuilderX版本号： 3.8.7
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iphone11
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
短视频上下滑动播放就会卡顿
短视频上下滑动播放就会卡顿
预期结果：
可以像安卓一下流畅滑动
可以像安卓一下流畅滑动
实际结果：
短视频上下滑动播放就会卡顿
短视频上下滑动播放就会卡顿
bug描述：
ios nvue下 list组件里面的短视频上下滑动 调用 uni.createVideoContext(videoId, this).play 会卡顿一下 安卓是没有问题的
1***@qq.com
解决了吗？ 安卓滚动 卡半屏问题
2024-09-24 15:57