aboutsummaryrefslogtreecommitdiff
path: root/components/anime/watch/primarySide.js
diff options
context:
space:
mode:
Diffstat (limited to 'components/anime/watch/primarySide.js')
-rw-r--r--components/anime/watch/primarySide.js24
1 files changed, 24 insertions, 0 deletions
diff --git a/components/anime/watch/primarySide.js b/components/anime/watch/primarySide.js
index 49bb1b6..fa12711 100644
--- a/components/anime/watch/primarySide.js
+++ b/components/anime/watch/primarySide.js
@@ -74,6 +74,29 @@ export default function PrimarySide({
fetchData();
}, [providerId, watchId, info]);
+ useEffect(() => {
+ const mediaSession = navigator.mediaSession;
+ if (!mediaSession) return;
+
+ const now = navigation?.playing;
+ const poster = now?.image || info?.bannerImage;
+ const title = now?.title || info?.title?.romaji;
+
+ const artwork = poster
+ ? [{ src: poster, sizes: "512x512", type: "image/jpeg" }]
+ : undefined;
+
+ mediaSession.metadata = new MediaMetadata({
+ title: title,
+ artist: `Moopa ${
+ title === info?.title?.romaji
+ ? "- Episode " + epiNumber
+ : `- ${info?.title?.romaji || info?.title?.english}`
+ }`,
+ artwork,
+ });
+ }, [navigation, info, epiNumber]);
+
function handleOpen() {
setOpen(true);
document.body.style.overflow = "hidden";
@@ -118,6 +141,7 @@ export default function PrimarySide({
skip={skip}
proxy={proxy}
aniId={info.id}
+ track={navigation}
/>
)
) : (