diff options
| -rw-r--r-- | components/videoPlayer.js | 9 | ||||
| -rw-r--r-- | package-lock.json | 9 | ||||
| -rw-r--r-- | package.json | 1 | ||||
| -rw-r--r-- | pages/anime/watch/[...info].js | 12 |
4 files changed, 27 insertions, 4 deletions
diff --git a/components/videoPlayer.js b/components/videoPlayer.js index a515340..f581330 100644 --- a/components/videoPlayer.js +++ b/components/videoPlayer.js @@ -28,6 +28,7 @@ export default function VideoPlayer({ ed, title, poster, + proxy, }) { const [url, setUrl] = useState(); const [source, setSource] = useState([]); @@ -38,6 +39,9 @@ export default function VideoPlayer({ const [resolution, setResolution] = useState("auto"); const [subSize, setSubSize] = useState({ size: "16px", html: "Small" }); const [defSize, setDefSize] = useState(); + // const [thumbnails, setThumbnails] = useState(); + + // console.log(thumbnails); useEffect(() => { const resol = localStorage.getItem("quality"); @@ -83,7 +87,7 @@ export default function VideoPlayer({ return { ...(isDefault && { default: true }), html: items.quality === "default" ? "adaptive" : items.quality, - url: `https://lerioproxy.herokuapp.com/${items.url}`, + url: `${proxy}${items.url}`, }; // url: `https://cors.moopa.my.id/?url=${encodeURIComponent(items.url)}${ // referer ? `&referer=${encodeURIComponent(referer)}` : "" @@ -109,6 +113,9 @@ export default function VideoPlayer({ }); const defSub = data?.subtitles.find((i) => i.lang === "English"); + // const thumb = data?.subtitles.find((i) => i.lang === "Thumbnails"); + + // setThumbnails(thumb?.url); setDefSub(defSub?.url); // console.log(subtitle); diff --git a/package-lock.json b/package-lock.json index 5547b28..4ed9731 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "artplayer": "latest", "axios": "^1.2.2", "closest-match": "^1.3.3", + "dotenv": "^16.0.3", "framer-motion": "^8.5.0", "gql": "^1.1.2", "graphql": "^15.8.0", @@ -4766,6 +4767,14 @@ "node": ">=6.0.0" } }, + "node_modules/dotenv": { + "version": "16.0.3", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz", + "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==", + "engines": { + "node": ">=12" + } + }, "node_modules/ejs": { "version": "3.1.9", "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", diff --git a/package.json b/package.json index 0062330..fa7462d 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "artplayer": "latest", "axios": "^1.2.2", "closest-match": "^1.3.3", + "dotenv": "^16.0.3", "framer-motion": "^8.5.0", "gql": "^1.1.2", "graphql": "^15.8.0", diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js index 999dd0e..5c2e460 100644 --- a/pages/anime/watch/[...info].js +++ b/pages/anime/watch/[...info].js @@ -15,11 +15,13 @@ import { Navigasi } from "../.."; import { ChevronDownIcon, ForwardIcon } from "@heroicons/react/24/solid"; import { useRouter } from "next/router"; +import dotenv from "dotenv"; + const VideoPlayer = dynamic(() => import("../../../components/videoPlayer", { ssr: false }) ); -export default function Info({ sessions, id, aniId, provider }) { +export default function Info({ sessions, id, aniId, provider, proxy }) { const [epiData, setEpiData] = useState(null); const [data, setAniData] = useState(null); const [fallback, setEpiFallback] = useState(null); @@ -32,8 +34,6 @@ export default function Info({ sessions, id, aniId, provider }) { const router = useRouter(); - // console.log(epiData); - useEffect(() => { const defaultState = { epiData: null, @@ -303,6 +303,7 @@ export default function Info({ sessions, id, aniId, provider }) { ed={skip.ed} title={playingTitle} poster={poster[0]?.image} + proxy={proxy} /> </div> ) : ( @@ -698,8 +699,12 @@ export default function Info({ sessions, id, aniId, provider }) { } export async function getServerSideProps(context) { + dotenv.config(); + const session = await getServerSession(context.req, context.res, authOptions); + const proxy = process.env.PROXY_URI; + const { info } = context.query; if (!info) { return { @@ -717,6 +722,7 @@ export async function getServerSideProps(context) { id, aniId, provider, + proxy, }, }; } |