Index: frontend/src/context/playerContext.tsx
===================================================================
--- frontend/src/context/playerContext.tsx	(revision 9c1dcc7b95652b9decd6d6486aab9980c3315511)
+++ frontend/src/context/playerContext.tsx	(revision 9c1dcc7b95652b9decd6d6486aab9980c3315511)
@@ -0,0 +1,70 @@
+import {
+	createContext,
+	useCallback,
+	useContext,
+	useState,
+	type ReactNode,
+} from "react";
+
+export interface PlayerSong {
+	id: number;
+	title: string;
+	artist: string;
+	cover?: string | null;
+	embedUrl: string;
+}
+
+interface PlayerContextType {
+	currentSong: PlayerSong | null;
+	isMinimized: boolean;
+	play: (song: PlayerSong) => void;
+	stop: () => void;
+	toggleMinimize: () => void;
+	isPlaying: boolean;
+}
+
+const PlayerContext = createContext<PlayerContextType>({
+	currentSong: null,
+	isMinimized: false,
+	isPlaying: false,
+	play: () => {},
+	stop: () => {},
+	toggleMinimize: () => {},
+});
+
+export const PlayerProvider = ({ children }: { children: ReactNode }) => {
+	const [currentSong, setCurrentSong] = useState<PlayerSong | null>(null);
+	const [isMinimized, setIsMinimized] = useState(true);
+	const [isPlaying, setIsPlaying] = useState(false);
+
+	const play = useCallback((song: PlayerSong) => {
+		setCurrentSong(song);
+		setIsPlaying(true);
+	}, []);
+
+	const stop = useCallback(() => {
+		setIsPlaying(false);
+		setCurrentSong(null);
+	}, []);
+
+	const toggleMinimize = useCallback(() => {
+		setIsMinimized((prev) => !prev);
+	}, []);
+
+	return (
+		<PlayerContext.Provider
+			value={{
+				currentSong,
+				isMinimized,
+				isPlaying,
+				play,
+				stop,
+				toggleMinimize,
+			}}
+		>
+			{children}
+		</PlayerContext.Provider>
+	);
+};
+
+export const usePlayer = () => useContext(PlayerContext);