uniapp小程序中使用video视频播放卡顿

芒果沙冰哟2024-04-17 19:23

问题:在使用uniapp小程序的video视频播放,视频已经在播放了,但是进度条没走,还是卡顿的状态(测试ios能正常使用,安卓手机会出现此问题)

在网上找了很多方法,最多的说是用:custom-cache="false",试了并没有效果,看来和我问题不一样,后来用了个简单粗暴的方法,发现是有效果的,以下是关键代码:

复制代码

// 视频元数据加载完成时触发。
videoLoadedmetadata(e) {
	const that = this
	that.videoContext.play()
	that.VodLoadText = ''
	let seekCurrentTime = 0
	//解决安卓从0开始播放卡顿的问题
	if (this.videoCurrentTime == 0) {
		seekCurrentTime = 0.5
	} else {
		seekCurrentTime = this.videoCurrentTime
	}
		//记忆播放
		that.videoContext.seek(seekCurrentTime)
		//把当前时间播放时间和记忆播放时间相等
		that.currentTimeVod = seekCurrentTime
	},

原理就是发现从0播放就会发生大概率卡顿,然后我在每次视频播放的时候判断如果是从0开始播放就强制变成0.5,从0.5秒开始就不会出现这种异常卡顿。

方法很粗暴，如果有更好的方式可以留言指正，感恩！