prevent mpv hotkey conflict with radio when inactive

src/renderer/features/player/audio-player/hooks/use-main-player-listener.tsx

@@ -2,6 +2,7 @@ import { t } from 'i18next';
 import isElectron from 'is-electron';
 import { useCallback, useEffect } from 'react';
 
+import { useIsRadioActive } from '/@/renderer/features/radio/hooks/use-radio-player';
 import { usePlayerActions } from '/@/renderer/store';
 import { toast } from '/@/shared/components/toast/toast';
 
@@ -10,6 +11,7 @@ const mpvPlayerListener = isElectron() ? window.api.mpvPlayerListener : null;
 const ipc = isElectron() ? window.api.ipc : null;
 
 export const useMainPlayerListener = () => {
+    const isRadioActive = useIsRadioActive();
     const {
         decreaseVolume,
         increaseVolume,
@@ -46,27 +48,39 @@ export const useMainPlayerListener = () => {
         }
 
         mpvPlayerListener.rendererPlayPause(() => {
+            if (!isRadioActive) {
                 mediaTogglePlayPause();
+            }
         });
 
         mpvPlayerListener.rendererNext(() => {
+            if (!isRadioActive) {
                 mediaNext();
+            }
         });
 
         mpvPlayerListener.rendererPrevious(() => {
+            if (!isRadioActive) {
                 mediaPrevious();
+            }
         });
 
         mpvPlayerListener.rendererPlay(() => {
+            if (!isRadioActive) {
                 mediaPlay();
+            }
         });
 
         mpvPlayerListener.rendererPause(() => {
+            if (!isRadioActive) {
                 mediaPause();
+            }
         });
 
         mpvPlayerListener.rendererStop(() => {
+            if (!isRadioActive) {
                 mediaStop();
+            }
         });
 
         mpvPlayerListener.rendererSkipForward(() => {
@@ -121,6 +135,7 @@ export const useMainPlayerListener = () => {
         decreaseVolume,
         handleMpvError,
         increaseVolume,
+        isRadioActive,
         mediaAutoNext,
         mediaNext,
         mediaPause,

src/renderer/features/radio/hooks/use-radio-player.ts

@@ -122,6 +122,7 @@ export const useRadioAudioInstance = () => {
     const { setCurrentStreamUrl, setIsPlaying, setStationName } = actions;
     const currentStreamUrl = useRadioStore((state) => state.currentStreamUrl);
     const isPlaying = useRadioStore((state) => state.isPlaying);
+    const isRadioActive = useIsRadioActive();
     const playbackType = usePlaybackType();
     const isUsingMpv = playbackType === PlayerType.LOCAL && mpvPlayer;
 
@@ -146,7 +147,7 @@ export const useRadioAudioInstance = () => {
     ]);
 
     useEffect(() => {
-        if (!isUsingMpv || !mpvPlayerListener || !ipc) {
+        if (!isUsingMpv || !mpvPlayerListener || !ipc || !isRadioActive) {
             return;
         }
 
@@ -173,7 +174,7 @@ export const useRadioAudioInstance = () => {
             ipc.removeAllListeners('renderer-player-pause');
             ipc.removeAllListeners('renderer-player-stop');
         };
-    }, [isUsingMpv, setIsPlaying, setCurrentStreamUrl, setStationName]);
+    }, [isUsingMpv, isRadioActive, setIsPlaying, setCurrentStreamUrl, setStationName]);
 
     usePlayerEvents(
         {