fix: remove media session

src/components/app/app.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useEffect, useRef } from 'react';
+import { useMemo, useEffect } from 'react';
 import { useShallow } from 'zustand/react/shallow';
 import { BiSolidHeart } from 'react-icons/bi/index';
 import { Howler } from 'howler';
@@ -85,49 +85,7 @@ export function App() {
     return [...favorites, ...categories];
   }, [favoriteSounds, categories]);
 
-  const audioElement = useRef<HTMLAudioElement | null>(null);
-
-  const play = useSoundStore(state => state.play);
-  const isPlaying = useSoundStore(state => state.isPlaying);
-
-  useEffect(() => {
-    const dest = Howler.ctx.createMediaStreamDestination();
-
-    Howler.masterGain.connect(dest);
-
-    if (audioElement.current) {
-      audioElement.current.volume = 0;
-      audioElement.current.srcObject = dest.stream;
-    }
-  }, []);
-
-  useEffect(() => {
-    try {
-      navigator.mediaSession.setActionHandler('play', play);
-      navigator.mediaSession.setActionHandler('pause', pause);
-      navigator.mediaSession.setActionHandler('stop', pause);
-    } catch (error) {
-      console.log('Media session is no supported yet');
-    }
-  }, [play, pause]);
-
-  useEffect(() => {
-    if (isPlaying) {
-      audioElement.current?.play().then(() => {
-        navigator.mediaSession.metadata = new MediaMetadata({
-          title: 'Moodist',
-        });
-
-        navigator.mediaSession.playbackState = 'playing';
-      });
-    } else {
-      audioElement.current?.pause();
-      navigator.mediaSession.playbackState = 'paused';
-    }
-  }, [isPlaying]);
-
   return (
-    <>
     <SnackbarProvider>
       <StoreConsumer>
         <Container>
@@ -140,8 +98,5 @@ export function App() {
         <SharedModal />
       </StoreConsumer>
     </SnackbarProvider>
-
-      <audio aria-hidden={true} ref={audioElement} src="" />
-    </>
   );
 }