mirror of
https://github.com/movie-web/movie-web.git
synced 2024-12-25 07:31:50 +01:00
some css
This commit is contained in:
James Hawkins
parent
1c03b11808
commit
964b412053
@ -0,0 +1,59 @@
|
||||
@font-face {
|
||||
font-family: 'JetBrainsMono';
|
||||
src: url(../fonts/JetBrainsMono-Regular.woff2);
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 1vh;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
color: #95979F;
|
||||
background-color: #0c0e14;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23586ca8' fill-opacity='0.12'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
||||
font-family: 'JetBrainsMono';
|
||||
}
|
||||
|
||||
.messages {
|
||||
background-color: #2D313D;
|
||||
border-radius: 10px;
|
||||
width: 80%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: #f3565d;
|
||||
}
|
||||
|
||||
.info {
|
||||
color: #2e5bbd;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 1rem;
|
||||
border-radius: 10px;
|
||||
background-color: #2D313D;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.video {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form {
|
||||
background-color: #2D313D;
|
||||
padding: 5px;
|
||||
width: 300px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 70%;
|
||||
}
|
||||
BIN
assets/fonts/JetBrainsMono-Regular.woff2
Normal file
BIN
assets/fonts/JetBrainsMono-Regular.woff2
Normal file
Binary file not shown.
@ -1,18 +1,12 @@
|
||||
const cfg = {
|
||||
base: "https://hidden-inlet-27205.herokuapp.com/https://lookmovie.io"
|
||||
function getCorsUrl(url) {
|
||||
return `https://hidden-inlet-27205.herokuapp.com/${url}`;
|
||||
}
|
||||
|
||||
async function getVideoUrl(config) {
|
||||
const accessToken = await getAccessToken(config);
|
||||
const now = Math.floor(Date.now() / 1e3);
|
||||
|
||||
let url = null;
|
||||
|
||||
if (config.type === "tv") {
|
||||
url = `${cfg.base}/manifests/shows/json/${accessToken}/${now}/${config.episodeId}/master.m3u8`;
|
||||
} else if (config.type === "movie") {
|
||||
url = `${cfg.base}/manifests/movies/json/${config.movieId}/${now}/${accessToken}/master.m3u8`;
|
||||
}
|
||||
let url = getCorsUrl(`https://lookmovie.io/manifests/movies/json/${config.movieId}/${now}/${accessToken}/master.m3u8`);
|
||||
|
||||
if (url) {
|
||||
const videoOpts = await fetch(url).then((d) => d.json());
|
||||
@ -27,22 +21,14 @@ async function getVideoUrl(config) {
|
||||
}
|
||||
}
|
||||
|
||||
return videoUrl.startsWith("/") ? `${cfg.base}${videoUrl}` : videoUrl;
|
||||
return videoUrl.startsWith("/") ? getCorsUrl(`https://lookmovie.io/${videoUrl}`) : getCorsUrl(videoUrl);
|
||||
}
|
||||
|
||||
return "Invalid type.";
|
||||
}
|
||||
|
||||
async function getAccessToken(config) {
|
||||
let url = "";
|
||||
|
||||
if (config.type === "tv") {
|
||||
// 'mbQFYTR499c9vfDmAwOFrg' // Retrieved from: https://lookmovie.io/api/v1/security/show-access?slug=1839578-person-of-interest-2011&token=&step=2
|
||||
url = `${cfg.base}/api/v1/security/show-access?slug=${config.slug}&token=&step=2`;
|
||||
} else if (config.type === "movie") {
|
||||
// https://lookmovie.io/api/v1/security/movie-access?id_movie=14358&token=1&sk=&step=1
|
||||
url = `${cfg.base}/api/v1/security/movie-access?id_movie=${config.movieId}&token=1&sk=&step=1`;
|
||||
}
|
||||
let url = getCorsUrl(`https://lookmovie.io/api/v1/security/movie-access?id_movie=${config.movieId}&token=1&sk=&step=1`);
|
||||
|
||||
const data = await fetch(url).then((d) => d.json());
|
||||
|
||||
@ -55,27 +41,13 @@ async function getAccessToken(config) {
|
||||
async function findMovie() {
|
||||
const searchTerm = document.getElementById('search').value;
|
||||
|
||||
const movieSearchRes = await fetch(
|
||||
`https://hidden-inlet-27205.herokuapp.com/https://lookmovie.io/api/v1/movies/search/?q=${encodeURIComponent(
|
||||
searchTerm
|
||||
)}`
|
||||
).then((d) => d.json());
|
||||
const showSearchRes = await fetch(
|
||||
`https://hidden-inlet-27205.herokuapp.com/https://lookmovie.io/api/v1/shows/search/?q=${encodeURIComponent(
|
||||
searchTerm
|
||||
)}`
|
||||
).then((d) => d.json());
|
||||
sendMessage('info', `Searching for "${searchTerm}"`)
|
||||
|
||||
let results = [
|
||||
...movieSearchRes.result.map((v) => ({ ...v, type: "movie" })),
|
||||
...showSearchRes.result.map((v) => ({ ...v, type: "show" })),
|
||||
];
|
||||
const searchUrl = getCorsUrl(`https://lookmovie.io/api/v1/movies/search/?q=${encodeURIComponent(searchTerm)}`);
|
||||
const searchRes = await fetch(searchUrl).then((d) => d.json());
|
||||
let results = [ ...searchRes.result.map((v) => ({ ...v, type: "movie" })) ];
|
||||
|
||||
const fuse = new Fuse(results, {
|
||||
threshold: 0.3,
|
||||
distance: 200,
|
||||
keys: ["title"],
|
||||
});
|
||||
const fuse = new Fuse(results, { threshold: 0.3, distance: 200, keys: ["title"] });
|
||||
const matchedResults = fuse
|
||||
.search(searchTerm.toString())
|
||||
.map((result) => result.item);
|
||||
@ -89,81 +61,46 @@ async function findMovie() {
|
||||
}
|
||||
|
||||
if (!toShow) {
|
||||
document.getElementById('error').innerHTML = 'Unable to find that, sorry!'
|
||||
sendMessage('error', 'Unable to find that, sorry!')
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(`Scraping the ${toShow.type} "${toShow.title}"`);
|
||||
sendMessage('info', `Scraping the ${toShow.type} "${toShow.title}"`)
|
||||
|
||||
// ! Now we get the ID and stuff we need
|
||||
const url = `https://hidden-inlet-27205.herokuapp.com/https://lookmovie.io/${toShow.type}s/view/${toShow.slug}`;
|
||||
const url = getCorsUrl(`https://lookmovie.io/${toShow.type}s/view/${toShow.slug}`);
|
||||
const pageReq = await fetch(url).then((d) => d.text());
|
||||
|
||||
// Extract and parse JSON
|
||||
let scriptJson =
|
||||
"{" +
|
||||
const data = JSON5.parse("{" +
|
||||
pageReq
|
||||
.slice(pageReq.indexOf(`${toShow.type}_storage`))
|
||||
.split("};")[0]
|
||||
.split("= {")[1]
|
||||
.trim() +
|
||||
"}";
|
||||
"}"
|
||||
);
|
||||
|
||||
const data = JSON5.parse(scriptJson);
|
||||
const videoUrl = await getVideoUrl({
|
||||
slug: toShow.slug,
|
||||
movieId: data.id_movie,
|
||||
type: "movie",
|
||||
});
|
||||
|
||||
// Find the relevant id
|
||||
let id = null;
|
||||
let relevantEpisode;
|
||||
if (toShow.type === "movie") {
|
||||
id = data.id_movie;
|
||||
} else if (toShow.type === "show") {
|
||||
const episodeObj = data.seasons.find((v) => {
|
||||
return v.season == season && v.episode == episode;
|
||||
});
|
||||
if (episodeObj) {
|
||||
console.log(
|
||||
`Finding streams for ${toShow.title} ${season}x${episode}: ${episodeObj.title}`
|
||||
);
|
||||
id = episodeObj.id_episode;
|
||||
relevantEpisode = episodeObj;
|
||||
}
|
||||
}
|
||||
sendMessage('info', `Streaming "${toShow.title}"`)
|
||||
streamVideo(videoUrl)
|
||||
}
|
||||
|
||||
// Check ID
|
||||
if (id === null) {
|
||||
console.error(`Not found: S${season} E${episode}`);
|
||||
return;
|
||||
}
|
||||
|
||||
// Generate object to send over to scraper
|
||||
let reqObj = null;
|
||||
if (toShow.type === "show") {
|
||||
reqObj = {
|
||||
slug: toShow.slug,
|
||||
episodeId: id,
|
||||
type: "tv",
|
||||
};
|
||||
} else if (toShow.type === "movie") {
|
||||
reqObj = {
|
||||
slug: toShow.slug,
|
||||
movieId: id,
|
||||
type: "movie",
|
||||
};
|
||||
}
|
||||
|
||||
if (!reqObj) {
|
||||
document.getElementById('error').innerHTML = 'Invalid type!'
|
||||
return;
|
||||
}
|
||||
|
||||
const videoUrl = await getVideoUrl(reqObj);
|
||||
function sendMessage(type, message) {
|
||||
if (!['info', 'error'].includes(type)) return;
|
||||
document.getElementById(type).innerHTML += `${message}<br>`;
|
||||
}
|
||||
|
||||
function streamVideo(url) {
|
||||
var video = document.getElementById('video');
|
||||
var videoSrc = `https://hidden-inlet-27205.herokuapp.com/${videoUrl}`;
|
||||
|
||||
if (Hls.isSupported()) {
|
||||
var video = document.getElementById('video');
|
||||
var hls = new Hls();
|
||||
hls.attachMedia(video);
|
||||
hls.loadSource(videoSrc);
|
||||
hls.loadSource(url);
|
||||
}
|
||||
}
|
||||
23
index.html
23
index.html
@ -5,19 +5,30 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>movie-web</title>
|
||||
|
||||
<link rel="stylesheet" href="./assets/css/style.css" type="text/css">
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/fuse.js@6.4.6"></script>
|
||||
<script src="https://unpkg.com/json5@^2.0.0/dist/index.min.js"></script>
|
||||
<script src="assets/js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='errorContainer'>
|
||||
<h2 id='error'></h2>
|
||||
<form action='#' onsubmit='findMovie();return false;'>
|
||||
<input type='text' id='search' placeholder='Find movie...'><!--
|
||||
--><input type='submit'>
|
||||
</form>
|
||||
|
||||
<div class='content'>
|
||||
<video id="video" class="video" controls autoplay></video>
|
||||
</div>
|
||||
|
||||
<input id="search" placeholder="Find movie..."><!--
|
||||
--><button onclick=findMovie()>find movie</button>
|
||||
|
||||
<video id="video" controls autoplay style="width: 80%"></video>
|
||||
<div class='messages'>
|
||||
<strong>
|
||||
<p id='error' class='error'></p>
|
||||
<p id='info' class='info'></p>
|
||||
</strong>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user