scrubber have some leg after in slide complete

[elirangoshen]

After onSlideComplete i see the scrubber for short time on the position before i started the slide.
it took me long time to find workaround but it still happens sometimes.
I used url and not local file.

[milkmanjr]

@elirangoshen I ran across this issue today.

The problem is both your Audio/Video component and Scrubber are trying to updating the current position.

You need to temporarily disable your Video/Audio component from updating the variable in your value prop on your Scrubber component.

The best place to do this is on Scrubber's onSlide callback.

Define a new state variable

const [canUpdatePosition, setCanUpdatePosition] = useState(true);

so onSlide you might have a function like this

const onSlide = () => { setCanUpdatePosition(false) }

on onSlidingComplete you would then allow your Audio/Video component to update the current position. I had to wrap it in a setTimeout to get it to not jump anymore.

const onSlidingComplete = () => { setTimeout(() => { setCanUpdate(true) }, 500); }

then in your audio/video component you only update the current position if canUpdatePosition = true.