From dc380590e70ec8f095d3f984f0305da99db5025e Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 29 Sep 2022 10:40:56 +0800
Subject: [PATCH] Revert "Revert "add basic support for mediaSession""

This reverts commit e5fa4c2b65f3591beac8ef1059a4ded541656572.
---
 web/src/component/AudioPlayer.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/web/src/component/AudioPlayer.js b/web/src/component/AudioPlayer.js
index 7d5881b..23894ce 100644
--- a/web/src/component/AudioPlayer.js
+++ b/web/src/component/AudioPlayer.js
@@ -22,7 +22,20 @@ function AudioPlayer(props) {
   const [timerCount, setTimerCount] = useState(0);
   const [timerID, setTimerID] = useState(null);
 
+  // init mediaSession API
   useEffect(() => {
+    navigator.mediaSession.setActionHandler("stop", () => {
+      props.setPlayingFile({});
+    });
+  }, []);
+
+  useEffect(() => {
+    // media session related staff
+    navigator.mediaSession.metadata = new window.MediaMetadata({
+      title: props.playingFile.filename,
+      album: props.playingFile.foldername,
+      artwork: [{ src: "/favicon.png", type: "image/png" }],
+    });
     // no playing file
     if (props.playingFile.id === undefined) {
       setPlayingURL("");
@@ -62,7 +75,7 @@ function AudioPlayer(props) {
         );
       }
     }
-  }, [props.playingFile.id, raw, prepare, selectedFfmpegConfig]);
+  }, [props.playingFile, raw, prepare, selectedFfmpegConfig]);
 
   let navigate = useNavigate();