antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2025-12-31 10:03:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix playback controls being called multiple times on media key input

Browse source
This commit is contained in:
jeffvli 2025-10-13 04:33:11 -07:00
parent 68476deb98
commit 1b8661d566
2 changed files with 37 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/renderer/features/player/components/center-controls.tsx
View file

@ -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();

28
src/renderer/features/player/hooks/use-media-session.ts
View file

@ -1,6 +1,5 @@
import { useEffect } from 'react';
import { useCenterControls } from '/@/renderer/features/player/hooks/use-center-controls';
import {
useCurrentSong,
useCurrentStatus,
@ -9,14 +8,7 @@ import {
} from '/@/renderer/store';
import { PlayerStatus } from '/@/shared/types/types';
export const useMediaSession = (playersRef: { player1: any; player2: any }) => {
const { mediaSession: mediaSessionEnabled } = usePlaybackSettings();
const playerStatus = useCurrentStatus();
const currentSong = useCurrentSong();
const mediaSession = navigator.mediaSession;
const skip = useSettingsStore((state) => state.general.skipButtons);
const {
export const useMediaSession = ({
handleNextTrack,
handlePause,
handlePlay,
@ -25,9 +17,21 @@ export const useMediaSession = (playersRef: { player1: any; player2: any }) => {
handleSkipBackward,
handleSkipForward,
handleStop,
} = useCenterControls({
playersRef,
});
}: {
handleNextTrack: () => void;
handlePause: () => void;
handlePlay: () => void;
handlePrevTrack: () => void;
handleSeekSlider: (e: any | number) => void;
handleSkipBackward: (seconds: number) => void;
handleSkipForward: (seconds: number) => void;
handleStop: () => void;
}) => {
const { mediaSession: mediaSessionEnabled } = usePlaybackSettings();
const playerStatus = useCurrentStatus();
const currentSong = useCurrentSong();
const mediaSession = navigator.mediaSession;
const skip = useSettingsStore((state) => state.general.skipButtons);
useEffect(() => {
if (!mediaSessionEnabled || !mediaSession) {