mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-03-29 03:28:41 +00:00
333 lines
No EOL
16 KiB
HTML
333 lines
No EOL
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="auto-scaling-disabled">
|
|
|
|
<head>
|
|
<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="icon" href="logo.png">
|
|
<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" />
|
|
<title>Miru - Torrent streaming made simple!</title>
|
|
|
|
<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="css/misc.css" rel="stylesheet">
|
|
<link href="css/player.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="dark-mode with-custom-webkit-scrollbars with-custom-css-scrollbars">
|
|
<div class="modal" id="tsearch" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content w-auto">
|
|
<button class="close pointer" data-dismiss="modal" type="button" aria-label="Close">
|
|
<span>×</span>
|
|
</button>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">#</th>
|
|
<th scope="col">Name</th>
|
|
<th scope="col">Size</th>
|
|
<th scope="col">Seed</th>
|
|
<th scope="col">Leech</th>
|
|
<th scope="col">Downloads</th>
|
|
<th scope="col">Play</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="results">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal modal-full ie-scroll-fix" id="view" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="view modal-content m-0 p-0">
|
|
<button class="close bg-dark-light pointer" data-dismiss="modal" type="button" aria-label="Close">
|
|
<span>×</span>
|
|
</button>
|
|
<div class="banner">
|
|
<img class="cover-img w-full h-full">
|
|
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3 mt-nc pb-20 d-flex flex-column justify-content-between">
|
|
<img class="contain-img rounded w-full">
|
|
<div class="input-group pt-10">
|
|
<div class="input-group-prepend">
|
|
<button class="btn bg-primary pr-5 pl-10" type="button" id="play">Play
|
|
Episode</button>
|
|
</div>
|
|
<input type="number" id="ep"
|
|
class="form-control flex-reset w-28 bg-primary noarrow px-5 text-center"
|
|
placeholder="#" value="1" min="1">
|
|
</div>
|
|
</div>
|
|
<div class="col-9 p-20">
|
|
<h4 class="title font-weight-bold">
|
|
</h4>
|
|
<p class="text-muted desc overflow-y-scroll">
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-very-dark">
|
|
<div class="container">
|
|
<div class="row py-20">
|
|
<div class="col-md-3">
|
|
<div class="card m-0 py-5 details">
|
|
</div>
|
|
</div>
|
|
<div class="col-9 p-20">
|
|
relations go here
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-wrapper with-sidebar" data-sidebar-type="overlayed-sm-and-down">
|
|
<div class="sticky-alerts"></div>
|
|
|
|
<div class="sidebar-overlay" onclick="halfmoon.toggleSidebar()"></div>
|
|
<div class="sidebar d-flex">
|
|
<div class="sidebar-menu d-flex flex-column justify-content-end flex-grow-1">
|
|
<a href="#player" class="sidebar-brand">
|
|
<img src="logo.png" alt="logo">
|
|
Miru
|
|
</a>
|
|
<div class="sidebar-divider"></div>
|
|
<a href="#releases" class="sidebar-link sidebar-link-with-icon">
|
|
<span class="sidebar-icon bg-transparent justify-content-start mr-0">
|
|
<i class="material-icons" aria-hidden="true">schedule</i>
|
|
</span>
|
|
Latest Releases
|
|
</a>
|
|
<a href="#browse" class="sidebar-link sidebar-link-with-icon">
|
|
<span class="sidebar-icon bg-transparent justify-content-start mr-0">
|
|
<i class="material-icons" aria-hidden="true">list</i>
|
|
</span>
|
|
Browse
|
|
</a>
|
|
<a href="#settings" class="sidebar-link sidebar-link-with-icon mt-auto">
|
|
<span class="sidebar-icon bg-transparent justify-content-start mr-0">
|
|
<i class="material-icons" aria-hidden="true">settings</i>
|
|
</span>
|
|
Settings [WIP]
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="overflow-y-hidden content-wrapper">
|
|
<section id="player">
|
|
<a href="#player" class="w-full h-full"></a>
|
|
<video id="video" class="w-full" src="">
|
|
</video>
|
|
<div class="player d-none flex-column justify-content-between w-full h-full">
|
|
<div class="h-full w-full d-flex flex-column justify-content-between" id="ptoggle">
|
|
<div class="stats d-flex justify-content-center">
|
|
<div class="d-flex">
|
|
<span class="material-icons">
|
|
people
|
|
</span>
|
|
<span class="ts" id="peers">-</span>
|
|
</div>
|
|
<div class="d-flex">
|
|
<span class="material-icons">
|
|
arrow_downward
|
|
</span>
|
|
<span class="ts" id="down">-</span>
|
|
</div>
|
|
<div class="d-flex">
|
|
<span class="material-icons">
|
|
arrow_upward
|
|
</span>
|
|
<span class="ts" id="up">-</span>
|
|
</div>
|
|
</div>
|
|
<div id="buffering" class="align-self-center hidden">
|
|
</div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
<div class="controls d-flex">
|
|
<span class="material-icons ctrl" title="Play/Pause [Space]" id="bpp">
|
|
play_arrow
|
|
</span>
|
|
<span class="material-icons ctrl" title="Next [N]" id="bnext">
|
|
skip_next
|
|
</span>
|
|
<div class="volume">
|
|
<span class="material-icons ctrl" title="Mute [M]" id="bmute">
|
|
volume_up
|
|
</span>
|
|
<input type="range" value="100" id="vol">
|
|
</div>
|
|
<span class="ts" id="elapsed">--:--</span>
|
|
<input type="range" min="0" max="1000" value="0" id="prog">
|
|
<span class="ts" id="remaining">--:--</span>
|
|
<div class="subtitles dropdown dropup with-arrow">
|
|
<span class="material-icons ctrl" title="Subtitles [C]" id="bcap" data-toggle="dropdown"
|
|
id="subtitle-popover" aria-haspopup="true" aria-expanded="false">
|
|
subtitles
|
|
</span>
|
|
<div class="dropdown-menu dropdown-menu-center" aria-labelledby="subtitle-popover"
|
|
id="subMenu">
|
|
</div>
|
|
</div>
|
|
<span class="material-icons ctrl" title="Popout Window [P]" id="bpip">
|
|
picture_in_picture
|
|
</span>
|
|
<span class="material-icons ctrl" title="Theatre Mode [T]" id="btheatre">
|
|
crop_16_9
|
|
</span>
|
|
<span class="material-icons ctrl" title="Fullscreen [F]" id="bfull">
|
|
fullscreen
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="browse" class="flex-column">
|
|
<div class="text-center pt-20">
|
|
<div class="container">
|
|
<form class="input-group mb-15" action="javascript:search()">
|
|
<div class="input-group-prepend">
|
|
<button class="btn btn-primary material-icons px-10" type="submit">search</button>
|
|
</div>
|
|
<input type="text" class="form-control search"
|
|
placeholder="Anime Name, Image Link or Direct Magnet Link, Torrent File, Hash"
|
|
id="search">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="gallery browse h-full overflow-y-scroll">
|
|
</div>
|
|
</section>
|
|
<section id="releases" class="flex-column">
|
|
<div class="position-relative">
|
|
<button class="position-absolute m-20 btn btn-primary material-icons px-10 z-10"
|
|
id="refRel">refresh</button>
|
|
</div>
|
|
<div class="gallery releases h-full overflow-y-scroll">
|
|
</div>
|
|
</section>
|
|
<section id="settings">
|
|
<div class="content">
|
|
|
|
|
|
<h1 class="content-title font-size-22">
|
|
Player Settings
|
|
</h1>
|
|
<div class="input-group w-200 mb-10">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">Volume</span>
|
|
</div>
|
|
<input id="player1" type="number" value="100" min="0" max="100" class="form-control">
|
|
<div class="input-group-append">
|
|
<span class="input-group-text">%</span>
|
|
</div>
|
|
</div>
|
|
<div class="input-group w-200 mb-10">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">Immerse After</span>
|
|
</div>
|
|
<input id="player2" type="number" value="3" min="1" max="30" class="form-control">
|
|
<div class="input-group-append">
|
|
<span class="input-group-text">sec</span>
|
|
</div>
|
|
</div>
|
|
<div class="input-group w-200 mb-10">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">Seek</span>
|
|
</div>
|
|
<input id="player3" type="number" value="2" min="1" max="30" class="form-control">
|
|
<div class="input-group-append">
|
|
<span class="input-group-text">sec</span>
|
|
</div>
|
|
</div>
|
|
<div class="custom-switch mb-10">
|
|
<input type="checkbox" id="player4">
|
|
<label for="player4">Miniplayer</label>
|
|
</div>
|
|
<div class="custom-switch mb-10">
|
|
<input type="checkbox" id="player5">
|
|
<label for="player5">Seek Previews [High Performance Impact]</label>
|
|
</div>
|
|
<div class="custom-switch mb-10">
|
|
<input type="checkbox" id="player6">
|
|
<label for="player6">Autoplay Next Episode</label>
|
|
</div>
|
|
<div class="custom-switch mb-20">
|
|
<input type="checkbox" id="player7">
|
|
<label for="player7">Picture In Picture</label>
|
|
</div>
|
|
|
|
|
|
<h1 class="content-title font-size-22">
|
|
Subtitle Settings
|
|
</h1>
|
|
<div class="input-group w-200 mb-20">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">Font</span>
|
|
</div>
|
|
<select class="form-control" id="subtitle1">
|
|
<option value="'Open Sans', sans-serif">Open Sans</option>
|
|
<option value="'Roboto', sans-serif">Roboto</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<h1 class="content-title font-size-22">
|
|
Torrent Settings
|
|
</h1>
|
|
<div class="input-group mb-10 w-200">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">Quality</span>
|
|
</div>
|
|
<select class="form-control" id="torrent1">
|
|
<option value="1080">1080p</option>
|
|
<option value="720">720p</option>
|
|
<option value="480">480p</option>
|
|
</select>
|
|
</div>
|
|
<div class="custom-switch mb-10">
|
|
<input type="checkbox" id="torrent2">
|
|
<label for="torrent2">Autoplay</label>
|
|
</div>
|
|
<div class="custom-switch mb-20">
|
|
<input type="checkbox" id="torrent3">
|
|
<label for="torrent3">Trusted Only</label>
|
|
</div>
|
|
<div class="btn-group" role="group">
|
|
<button class="btn btn-primary" type="button" id="setApply">Apply Settings</button>
|
|
<button class="btn btn-danger" type="button" id="setRes">Restore Defaults</button>
|
|
</div>
|
|
<p class="text-muted">
|
|
Restart may be required for some settings to take effect.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/gh/halfmoonui/halfmoon@1.1.0/js/halfmoon.min.js"></script>
|
|
<script src="js/settingsHandler.js"></script>
|
|
<script src="js/util.js"></script>
|
|
<script src="js/animeHandler.js"></script>
|
|
<script src="js/playerHandler.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js" defer></script>
|
|
<script src="js/torrentHandler.js" defer></script>
|
|
<script src="js/rangeParser.js" defer></script>
|
|
<script src="js/bundle.min.js"></script>
|
|
<script src="js/subtitleHandler.js"></script>
|
|
</body>
|
|
|
|
</html> |