mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-04-21 04:32:05 +00:00
subtitle update, FAQ, minor changes
This commit is contained in:
ThaUnknown
parent
fbe7d65172
commit
1a2fae2dfc
9 changed files with 222 additions and 45 deletions
|
|
@ -13,7 +13,7 @@
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<title>Miru - Torrent streaming made simple!</title>
|
<title>Miru</title>
|
||||||
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/css/halfmoon-variables.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/css/halfmoon-variables.min.css" rel="stylesheet">
|
||||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
2
app/js/bundle.min.js
vendored
2
app/js/bundle.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,10 +1,10 @@
|
||||||
let tracks = [],
|
let tracks = [],
|
||||||
subtitleStream
|
subtitleStream
|
||||||
|
|
||||||
function parseSubs(range, stream) {
|
function parseSubs(stream) {
|
||||||
if (video.src.endsWith(".mkv")) {
|
if (video.src.endsWith(".mkv")) {
|
||||||
if (subtitleStream) {
|
if (subtitleStream) {
|
||||||
subtitleStream = subtitleStream.seekTo(range.start)
|
subtitleStream = new SubtitleStream(subtitleStream)
|
||||||
} else {
|
} else {
|
||||||
subtitleStream = new SubtitleStream()
|
subtitleStream = new SubtitleStream()
|
||||||
subtitleStream.once('tracks', function (pTracks) {
|
subtitleStream.once('tracks', function (pTracks) {
|
||||||
|
|
|
||||||
|
|
@ -130,7 +130,7 @@ function serveFile(file, req) {
|
||||||
res.body = req.method === 'HEAD' ? '' : 'stream'
|
res.body = req.method === 'HEAD' ? '' : 'stream'
|
||||||
// parser is really a passthrough mkv stream now
|
// parser is really a passthrough mkv stream now
|
||||||
let stream = file.createReadStream(range)
|
let stream = file.createReadStream(range)
|
||||||
parseSubs(range, stream)
|
parseSubs(stream)
|
||||||
|
|
||||||
return [res, req.method === 'GET' && subtitleStream || stream]
|
return [res, req.method === 'GET' && subtitleStream || stream]
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ const CACHE_NAME = 'static-cache-v1';
|
||||||
|
|
||||||
const FILES_TO_CACHE = [
|
const FILES_TO_CACHE = [
|
||||||
'offline.html',
|
'offline.html',
|
||||||
'app.html',
|
'index.html',
|
||||||
'js/animeHandler.js',
|
'js/animeHandler.js',
|
||||||
'js/bundle.min.js',
|
'js/bundle.min.js',
|
||||||
'js/playerHandler.js',
|
'js/playerHandler.js',
|
||||||
|
|
|
||||||
71
css.css
Normal file
71
css.css
Normal file
File diff suppressed because one or more lines are too long
92
faq.html
Normal file
92
faq.html
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="manifest" href="manifest.json">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Miru">
|
||||||
|
<meta name="description" content="Anime torrent streaming, ad free in a simple solution.">
|
||||||
|
<meta name="theme-color" content="#111417" />
|
||||||
|
|
||||||
|
<link rel="apple-touch-icon" href="logo.png">
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
|
||||||
|
<meta name="viewport" content="width=device-width" />
|
||||||
|
|
||||||
|
<link rel="icon" href="logo.png">
|
||||||
|
<title>Miru - FAQ</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/css/halfmoon-variables.min.css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="with-custom-webkit-scrollbars with-custom-css-scrollbars">
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="content-wrapper d-flex flex-column">
|
||||||
|
<a href="/" class="w-200 align-self-center"><img src="logo.png" class="w-200" alt="logo"></a>
|
||||||
|
<div class="container-lg">
|
||||||
|
<div class="content">
|
||||||
|
<h2 class="content-title">
|
||||||
|
How does it work?
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
Miru uses WebTorrent and black magic to turn your browser into a P2P client which allows you to
|
||||||
|
stream existing torrents created by other people, without any third-party servers.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h2 class="content-title">
|
||||||
|
Is it legal?
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
Miru only provides the tools for people to share anime with eachother. Miru doesn't host or
|
||||||
|
transmit any data.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h2 class="content-title">
|
||||||
|
Is it safe?
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
Since the user downloads and shares copyrighted content, in theory their ISP might be angry
|
||||||
|
about, in practice streaming a single episode won't do much, however if you want to be safe you
|
||||||
|
can use a VPN.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h2 class="content-title">
|
||||||
|
Are there any limitations?
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
Yes, since this relies on P2P streaming, sharing content entirely depends on the download and
|
||||||
|
upload speed of the user and how many available peers a torrent has. You can help increase the
|
||||||
|
number of initial peers by upvoting *this* pull request on GitHub.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h2 class="content-title">
|
||||||
|
What's your subtitle support?
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
Miru uses VTTCues inside the video element itself to display softcoded subtitles, meaning it
|
||||||
|
should work on any platform and support many devices however it doesn't display subtitles inside
|
||||||
|
PiP windows. Miru only supports subtitles embedded inside the video file [SSA, UTF8, VTT, SRT*]
|
||||||
|
in almost any video format, but doesn't support external subtitle files [yet].
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h2 class="content-title">
|
||||||
|
How do you download?
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
As you select an anime to play it automatically starts downloading, then you need to wait for
|
||||||
|
WebTorrent to download it fully to be able to save it to your drive.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/js/halfmoon.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
90
index.html
90
index.html
|
|
@ -1,5 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" class="auto-scaling-disabled">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<link rel="manifest" href="manifest.json">
|
<link rel="manifest" href="manifest.json">
|
||||||
|
|
@ -17,57 +17,71 @@
|
||||||
|
|
||||||
<link rel="icon" href="logo.png">
|
<link rel="icon" href="logo.png">
|
||||||
<title>Miru - Torrent streaming made simple!</title>
|
<title>Miru - Torrent streaming made simple!</title>
|
||||||
|
<link href="css.css" rel="stylesheet">
|
||||||
<link href="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/css/halfmoon-variables.min.css" rel="stylesheet" />
|
<link href="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/css/halfmoon-variables.min.css" rel="stylesheet" />
|
||||||
<script>
|
<script>
|
||||||
window.onload = ()=> {
|
window.onload = () => {
|
||||||
let deferredPrompt;
|
navigator.serviceWorker.register('sw.js')
|
||||||
window.addEventListener('beforeinstallprompt', (e) => {
|
let deferredPrompt;
|
||||||
e.preventDefault();
|
window.addEventListener('beforeinstallprompt', (e) => {
|
||||||
deferredPrompt = e;
|
e.preventDefault();
|
||||||
});
|
deferredPrompt = e;
|
||||||
document.querySelector(".btn").addEventListener('click', (e) => {
|
|
||||||
deferredPrompt.prompt();
|
|
||||||
deferredPrompt.userChoice.then((choiceResult) => {
|
|
||||||
if (choiceResult.outcome === 'accepted') {
|
|
||||||
document.location.href = "/app/app.html"
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
});
|
document.querySelector(".btn").addEventListener('click', (e) => {
|
||||||
}
|
deferredPrompt.prompt();
|
||||||
|
deferredPrompt.userChoice.then((choiceResult) => {
|
||||||
|
if (choiceResult.outcome === 'accepted') {
|
||||||
|
document.location.href = "/app/#browse"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="with-custom-webkit-scrollbars with-custom-css-scrollbars">
|
<body class="with-custom-webkit-scrollbars with-custom-css-scrollbars">
|
||||||
<div class="page-wrapper">
|
<div class="page-wrapper with-navbar-fixed-bottom">
|
||||||
<div class="content-wrapper">
|
<div class="par particle-1"></div>
|
||||||
<div class="content-wrapper d-lg-flex align-items-lg-center">
|
<div class="par particle-2"></div>
|
||||||
<div class="container-lg">
|
<div class="par particle-3"></div>
|
||||||
<div class="row">
|
<div class="par particle-4"></div>
|
||||||
<div class="col-lg-8">
|
<div class="content-wrapper d-lg-flex align-items-lg-center">
|
||||||
<div class="content">
|
<div class="container-lg">
|
||||||
<h1 class="font-weight-medium">
|
<div class="row">
|
||||||
Miru - Anime torrent streaming, ad free in a simple solution.
|
<div class="col-lg-8">
|
||||||
</h1>
|
<div class="content">
|
||||||
<p class="font-size-18">
|
<h1 class="font-weight-medium">
|
||||||
Miru is an otaku's dream, a website which allows you to stream and download anime torrents
|
Miru - Anime torrent streaming, ad free in a simple solution.
|
||||||
directly in the browser as soon as they are released. Accessible on any platform and device. Anime in original quality with
|
</h1>
|
||||||
no buffering, no ads, no delays, everything done client-side for free.
|
<p class="font-size-18">
|
||||||
</p>
|
Miru is an otaku's dream, a website which allows you to stream and download anime
|
||||||
<div class="mt-20">
|
torrents
|
||||||
<div class="btn btn-primary" role="button">
|
directly in the browser as soon as they are released. Accessible on any platform and
|
||||||
Add app
|
device. Anime in original quality with
|
||||||
</div>
|
no buffering, no ads, no delays, everything done client-side for free.
|
||||||
|
</p>
|
||||||
|
<div class="mt-20">
|
||||||
|
<div class="btn btn-primary" role="button">
|
||||||
|
Add app
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4 d-flex align-items-center justify-content-center">
|
</div>
|
||||||
<img class="w-400" alt="char" src="/char.png">
|
<div class="col-lg-4 d-flex align-items-center justify-content-center">
|
||||||
</div>
|
<img class="w-400" alt="char" src="/char.png">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<nav class="navbar navbar-fixed-bottom justify-content-center">
|
||||||
|
<a href="/faq.html">
|
||||||
|
FAQ
|
||||||
|
</a>
|
||||||
|
<span class="navbar-text">
|
||||||
|
© Copyright 2020, Miru
|
||||||
|
</span>
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/js/halfmoon.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/halfmoon@1.1.0/js/halfmoon.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "Miru",
|
"name": "Miru",
|
||||||
"short_name": "Miru",
|
"short_name": "Miru",
|
||||||
"start_url": "/app/app.html",
|
"start_url": "/app/#browse",
|
||||||
"display": "fullscreen",
|
"display": "fullscreen",
|
||||||
"categories": [
|
"categories": [
|
||||||
"entertainment"
|
"entertainment"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue