diff options
| author | Factiven <[email protected]> | 2023-05-01 14:49:13 +0700 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-05-01 14:49:13 +0700 |
| commit | 2bb6c0f11b8bdc1e6bf732139da4488861c06503 (patch) | |
| tree | 21da09ea0fecb585a1bd550815ee9401a8db9951 /pages/anime/watch | |
| parent | Update v3.5 (diff) | |
| download | moopa-2bb6c0f11b8bdc1e6bf732139da4488861c06503.tar.xz moopa-2bb6c0f11b8bdc1e6bf732139da4488861c06503.zip | |
Update v3.5.1
Diffstat (limited to 'pages/anime/watch')
| -rw-r--r-- | pages/anime/watch/[...info].js | 44 |
1 files changed, 19 insertions, 25 deletions
diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js index 0d11684..682e252 100644 --- a/pages/anime/watch/[...info].js +++ b/pages/anime/watch/[...info].js @@ -8,12 +8,9 @@ import dynamic from "next/dynamic"; import { useNotification } from "../../../lib/useNotify"; -import { signIn } from "next-auth/react"; import { getServerSession } from "next-auth/next"; import { authOptions } from "../../api/auth/[...nextauth]"; -import AniList from "../../../components/media/aniList"; - import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; import "react-loading-skeleton/dist/skeleton.css"; @@ -259,28 +256,25 @@ export default function Info({ sessions, id, aniId, provider }) { fetchData(); }, [id, aniId, provider, sessions]); - const { Notification: NotificationComponent } = useNotification(); - - const [open, setOpen] = useState(false); - const [aniStatus, setAniStatus] = useState(""); - const [aniProgress, setAniProgress] = useState(parseInt(playingEpisode)); - - const handleStatus = (e) => { - setAniStatus(e.target.value); - }; - - const handleProgress = (e) => { - const value = parseFloat(e.target.value); - if (!isNaN(value) && value >= 0 && value <= data.totalEpisodes) { - setAniProgress(value); - } - }; - - const handleSubmit = (e) => { - e.preventDefault(); - const formData = { status: aniStatus, progress: aniProgress }; - console.log(formData); - }; + useEffect(() => { + const mediaSession = navigator.mediaSession; + if (!mediaSession) return; + + const artwork = + poster && poster.length > 0 + ? [{ src: poster[0].image, type: "image/jpeg" }] + : undefined; + + mediaSession.metadata = new MediaMetadata({ + title: playingTitle, + artist: `Moopa ${ + playingTitle === data?.title?.romaji + ? "- Episode " + playingEpisode + : `- ${data?.title?.romaji || data?.title?.english}` + }`, + artwork, + }); + }, [poster, playingTitle, playingEpisode, data]); return ( <> |