Unity学习笔记 关于解决VideoPlayer使用Slider控制视频跳转时滑动条“闪烁跳动”的问题_微信小程序使用slider组件做视频进度条,滑动时出现抖动?

问题描述

在通过使用Slider组件实现对VideoPlayer视频的进度进行控制时（逻辑如下图），在点击Slider进行视频跳转时，会出现滑动条瞬间来回跳动的问题。

问题分析

问题出现在给VideoPlayer.frame与VideoPlayer.time进行Set之后并不是立即生效的，也就是当拖拽结束瞬间，此时获取VideoPlayer.frame或者VideoPlayer.time并不是最新的进度值，而是当前实际视频播放的值。所以就会出现鼠标抬起瞬间，进度条立马回到上一次播放的时间，然后隔了数十帧后，又跳到刚刚鼠标点下的位置。

解决方法

在滑动条结束拖拽瞬间，通过使用协程，等待当前的VideoPlayer的实际播放时间与Slider设置的时间相等，再执行滑动条的显示更新

// timelineSlider => 进度条
// videoDuration => 当前视频的时长，也就是VideoPlayer.clip.length
// playingProgress=> 当前视频的播放进度时间，也就是VideoPlayer.time

private IEnumerator OnSliderEndDrag()
{            
    //... 停止slider对视频进度的更新显示
		// 当结束滑条拖拽瞬间得到的目标跳转时间
    float desiredTime = timelineSlider.value * (float) videoDuration;
    // 在300帧内做判断，若超出则不处理
    for (int i = 0; i < 300; i++)
    {
        float curVideoTime = (float) playingProgress;
        if (Mathf.CeilToInt(curVideoTime) == Mathf.CeilToInt(desiredTime) )
        {
            break;
        }
        yield return null;
    }
    //... 可接着更新slider对视频进度的更新显示
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21