feat: add media session (wip)

src/components/app/app.tsx

@@ -18,6 +18,7 @@ import { FADE_OUT } from '@/constants/events';
 
 import type { Sound } from '@/data/types';
 import { subscribe } from '@/lib/event';
+import { useMediaSession } from '@/hooks/use-media-session';
 
 export function App() {
   const categories = useMemo(() => sounds.categories, []);
@@ -85,6 +86,8 @@ export function App() {
     return [...favorites, ...categories];
   }, [favoriteSounds, categories]);
 
+  useMediaSession();
+
   return (
     <SnackbarProvider>
       <StoreConsumer>

src/hooks/use-media-session.ts

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+
+import { useSoundStore } from '@/store';
+
+export function useMediaSession() {
+  const isPlaying = useSoundStore(state => state.isPlaying);
+
+  useEffect(() => {
+    if ('mediaSession' in navigator) {
+      if (isPlaying) {
+        navigator.mediaSession.metadata = new MediaMetadata({
+          title: 'Moodist - Ambient Sounds',
+        });
+      } else {
+        navigator.mediaSession.metadata = null;
+      }
+    }
+  }, [isPlaying]);
+}