mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-02 19:01:40 +00:00
fix playback controls being called multiple times on media key input
This commit is contained in:
parent
68476deb98
commit
1b8661d566
2 changed files with 37 additions and 21 deletions
|
|
@ -57,6 +57,7 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
|
|||
handlePlay,
|
||||
handlePlayPause,
|
||||
handlePrevTrack,
|
||||
handleSeekSlider,
|
||||
handleSkipBackward,
|
||||
handleSkipForward,
|
||||
handleStop,
|
||||
|
|
@ -84,7 +85,16 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
|
|||
],
|
||||
]);
|
||||
|
||||
useMediaSession(playersRef);
|
||||
useMediaSession({
|
||||
handleNextTrack,
|
||||
handlePause,
|
||||
handlePlay,
|
||||
handlePrevTrack,
|
||||
handleSeekSlider,
|
||||
handleSkipBackward,
|
||||
handleSkipForward,
|
||||
handleStop,
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
|
|
@ -227,22 +237,24 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
|
|||
/>
|
||||
</div>
|
||||
</div>
|
||||
<PlayerSeekSlider player1={player1} player2={player2} playersRef={playersRef} />
|
||||
<PlayerSeekSlider
|
||||
handleSeekSlider={handleSeekSlider}
|
||||
player1={player1}
|
||||
player2={player2}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
const PlayerSeekSlider = ({
|
||||
handleSeekSlider,
|
||||
player1,
|
||||
player2,
|
||||
playersRef,
|
||||
}: {
|
||||
handleSeekSlider: (e: any | number) => void;
|
||||
player1: any;
|
||||
player2: any;
|
||||
playersRef: any;
|
||||
}) => {
|
||||
const { handleSeekSlider } = useCenterControls({ playersRef });
|
||||
|
||||
const player = useCurrentPlayer();
|
||||
const playbackType = usePlaybackType();
|
||||
const setCurrentTime = useSetCurrentTime();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue