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

Revert "fix playback controls being called multiple times on media key input"

Browse source 
This reverts commit 1b8661d566.
This commit is contained in:
jeffvli 2025-10-13 11:38:19 -07:00
parent 1f7d510110
commit 22b798812e
2 changed files with 21 additions and 37 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,7 +57,6 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
handlePlay,
handlePlayPause,
handlePrevTrack,
handleSeekSlider,
handleSkipBackward,
handleSkipForward,
handleStop,
@ -85,16 +84,7 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
],
]);
useMediaSession({
handleNextTrack,
handlePause,
handlePlay,
handlePrevTrack,
handleSeekSlider,
handleSkipBackward,
handleSkipForward,
handleStop,
});
useMediaSession(playersRef);
return (
<>
@ -237,24 +227,22 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
/>
</div>
</div>
<PlayerSeekSlider
handleSeekSlider={handleSeekSlider}
player1={player1}
player2={player2}
/>
<PlayerSeekSlider player1={player1} player2={player2} playersRef={playersRef} />
</>
);
};
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();

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

@ -1,5 +1,6 @@
import { useEffect } from 'react';
import { useCenterControls } from '/@/renderer/features/player/hooks/use-center-controls';
import {
useCurrentSong,
useCurrentStatus,
@ -8,31 +9,26 @@ import {
} from '/@/renderer/store';
import { PlayerStatus } from '/@/shared/types/types';
export const useMediaSession = ({
handleNextTrack,
handlePause,
handlePlay,
handlePrevTrack,
handleSeekSlider,
handleSkipBackward,
handleSkipForward,
handleStop,
}: {
handleNextTrack: () => void;
handlePause: () => void;
handlePlay: () => void;
handlePrevTrack: () => void;
handleSeekSlider: (e: any | number) => void;
handleSkipBackward: (seconds: number) => void;
handleSkipForward: (seconds: number) => void;
handleStop: () => void;
}) => {
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 {
handleNextTrack,
handlePause,
handlePlay,
handlePrevTrack,
handleSeekSlider,
handleSkipBackward,
handleSkipForward,
handleStop,
} = useCenterControls({
playersRef,
});
useEffect(() => {
if (!mediaSessionEnabled || !mediaSession) {
return;