diff --git a/src/renderer/features/lyrics/lyric-line.tsx b/src/renderer/features/lyrics/lyric-line.tsx index 8bd9c438..76f6eaac 100644 --- a/src/renderer/features/lyrics/lyric-line.tsx +++ b/src/renderer/features/lyrics/lyric-line.tsx @@ -26,6 +26,10 @@ const StyledText = styled(TextTitle) { diff --git a/src/renderer/features/lyrics/synchronized-lyrics.tsx b/src/renderer/features/lyrics/synchronized-lyrics.tsx index 19cba8c4..095f4540 100644 --- a/src/renderer/features/lyrics/synchronized-lyrics.tsx +++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx @@ -12,6 +12,7 @@ import isElectron from 'is-electron'; import { PlayersRef } from '/@/renderer/features/player/ref/players-ref'; import { FullLyricsMetadata, SynchronizedLyricsArray } from '/@/renderer/api/types'; import styled from 'styled-components'; +import { useCenterControls } from '/@/renderer/features/player/hooks/use-center-controls'; const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null; @@ -62,6 +63,7 @@ export const SynchronizedLyrics = ({ const playbackType = usePlaybackType(); const now = useCurrentTime(); const settings = useLyricsSettings(); + const centerControls = useCenterControls({ playersRef }); const seeked = useSeeked(); @@ -331,7 +333,7 @@ export const SynchronizedLyrics = ({ text={`"${name} by ${artist}"`} /> )} - {lyrics.map(([, text], idx) => ( + {lyrics.map(([time, text], idx) => ( centerControls.handleSeekSlider(time / 1000)} /> ))}