From b4c6b52f326936eadfd7051f5b52757225eb13d5 Mon Sep 17 00:00:00 2001 From: MerlinScheurer Date: Mon, 24 Feb 2025 18:57:50 +0100 Subject: [PATCH] Fix playback speed from localstorage and then modifying speed --- frontend/src/components/VideoPlayer.tsx | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/VideoPlayer.tsx b/frontend/src/components/VideoPlayer.tsx index 3ed13360..8c0b609d 100644 --- a/frontend/src/components/VideoPlayer.tsx +++ b/frontend/src/components/VideoPlayer.tsx @@ -123,9 +123,15 @@ const VideoPlayer = ({ const [searchParams] = useSearchParams(); const searchParamVideoProgress = searchParams.get('t'); + const playBackSpeedFromStorage = Number(localStorage.getItem('playerSpeed') || 1); + const playBackSpeedIndex = + VIDEO_PLAYBACK_SPEEDS.indexOf(playBackSpeedFromStorage) !== -1 + ? VIDEO_PLAYBACK_SPEEDS.indexOf(playBackSpeedFromStorage) + : 3; + const [skippedSegments, setSkippedSegments] = useState({}); const [isMuted, setIsMuted] = useState(false); - const [playbackSpeedIndex, setPlaybackSpeedIndex] = useState(3); + const [playbackSpeedIndex, setPlaybackSpeedIndex] = useState(playBackSpeedIndex); const [lastSubtitleTack, setLastSubtitleTack] = useState(0); const [showHelpDialog, setShowHelpDialog] = useState(false); const [showInfoDialog, setShowInfoDialog] = useState(false); @@ -329,9 +335,7 @@ const VideoPlayer = ({ }} onLoadStart={(videoTag: VideoTag) => { videoTag.currentTarget.volume = Number(localStorage.getItem('playerVolume') ?? 1); - videoTag.currentTarget.playbackRate = Number( - localStorage.getItem('playerSpeed') ?? 1, - ); + videoTag.currentTarget.playbackRate = Number(playBackSpeedFromStorage ?? 1); }} onTimeUpdate={handleTimeUpdate( videoId,