40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="referrer" content="no-referrer">
|
|
<title>Game Stream</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<!-- hls.js is only loaded if WebRTC fails and we need the HLS fallback. -->
|
|
</head>
|
|
<body>
|
|
<main id="stage">
|
|
<video id="video" autoplay playsinline muted></video>
|
|
|
|
<div id="overlay" class="overlay">
|
|
<div class="overlay-card">
|
|
<h1 id="overlay-title">Stream offline</h1>
|
|
<p id="overlay-message">Waiting for the streamer to start…</p>
|
|
<div class="spinner" aria-hidden="true"></div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer id="status-bar">
|
|
<span id="status-indicator" class="status offline">OFFLINE</span>
|
|
<span class="separator">|</span>
|
|
<span>Viewers: <b id="viewer-count">0</b></span>
|
|
<span class="separator">|</span>
|
|
<span>Latency: <b id="latency">--</b></span>
|
|
<span class="separator">|</span>
|
|
<span>Transport: <b id="transport">--</b></span>
|
|
<span class="spacer"></span>
|
|
<button id="unmute-btn" type="button" hidden>Click to unmute</button>
|
|
</footer>
|
|
|
|
<script src="/js/player.js"></script>
|
|
<script src="/js/app.js"></script>
|
|
</body>
|
|
</html>
|