vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-10 04:30:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

Use local seekvalue to smooth out slider drag

Browse Source
This commit is contained in:
jeffvli
2023-02-06 01:45:56 -08:00
parent 1bbdf09dcc
commit 13f48711a9
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/player/components/center-controls.tsx
+8 -1
View File
@@ -111,6 +111,8 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
return () => clearInterval(interval); return () => clearInterval(interval);
}, [currentPlayerRef, isSeeking, setCurrentTime, playerType, status]); }, [currentPlayerRef, isSeeking, setCurrentTime, playerType, status]);
const [seekValue, setSeekValue] = useState(0);
return ( return (
<> <>
<ControlsContainer> <ControlsContainer>
@@ -216,11 +218,16 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
max={songDuration} max={songDuration}
min={0} min={0}
size={6} size={6}
value={currentTime} value={!isSeeking ? currentTime : seekValue}
w="100%" w="100%"
onChange={(e) => { onChange={(e) => {
setIsSeeking(true);
setSeekValue(e);
}}
onChangeEnd={(e) => {
handleSeekSlider(e); handleSeekSlider(e);
setIsSeeking(false); setIsSeeking(false);
console.log('end');
}} }}
/> />
</SliderWrapper> </SliderWrapper>