98 lines
2.7 KiB
HTML
98 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Restream</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<link rel="stylesheet" href="./player.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/video.js@7.18.1/dist/video-js.min.css"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/videojs-hls-quality-selector@1.1.4/dist/videojs-hls-quality-selector.css"
|
|
/>
|
|
<script src="https://cdn.jsdelivr.net/npm/video.js@7.18.1/dist/video.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/videojs-contrib-quality-levels@2.1.0/dist/videojs-contrib-quality-levels.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/videojs-hls-quality-selector@1.1.4/dist/videojs-hls-quality-selector.min.js"></script>
|
|
<script src="./player.js"></script>
|
|
<script id="config">
|
|
window.restream_config = {
|
|
upstreams: [
|
|
{
|
|
region: 'de',
|
|
url: 'https://concert.lytexx.dev',
|
|
},
|
|
{
|
|
region: 'us',
|
|
url: 'https://restream.dev',
|
|
},
|
|
{
|
|
region: 'us',
|
|
url: 'https://us.stream.holopirates.moe',
|
|
},
|
|
{
|
|
region: 'eu',
|
|
url: 'https://eu.stream.holopirates.moe',
|
|
},
|
|
{
|
|
region: 'jp',
|
|
url: 'https://jp.stream.holopirates.moe',
|
|
},
|
|
{
|
|
region: 'sg',
|
|
url: 'https://restream.kitsune.box.ca',
|
|
},
|
|
],
|
|
playlist: '/index.m3u8',
|
|
};
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1><strong>Restream</strong> | Ahoy!</h1>
|
|
<select id="mirror-select">
|
|
<option value="">Loading mirrors...</option>
|
|
</select>
|
|
<a id="mirror-link" href="#"></a>
|
|
<div id="viewer-count">
|
|
<span id="viewer-count-value">0</span> viewers
|
|
</div>
|
|
</header>
|
|
<div id="mirror-popup" style="transition: all 0.2s">
|
|
<div class="popup-backdrop"></div>
|
|
<div
|
|
class="popup-box"
|
|
style="
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
"
|
|
>
|
|
<div>
|
|
<span class="loader"></span>
|
|
</div>
|
|
<div>
|
|
<h1 style="font-weight: bold; margin-bottom: 0.2rem">Please wait</h1>
|
|
<p style="color: #bbb">
|
|
Selecting a mirror... <span id="mirror-load-progress"></span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<video-js
|
|
controls
|
|
autoplay
|
|
preload="auto"
|
|
id="video"
|
|
class="vjs-default-skin vjs-big-play-centered"
|
|
>
|
|
</video-js>
|
|
</body>
|
|
</html>
|