feat(player): view counter

2022-01-30 19:04:41 +08:00
parent 812b5772a4
commit 126fe54063
5 changed files with 97 additions and 0 deletions
@@ -0,0 +1,53 @@
+<!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" />
+    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
+    <script src="./player.js"></script>
+    <script id="config">
+      window.restream_config = {
+        upstreams: [
+          {
+            region: 'us-east',
+            url: 'https://us.stream.holopirates.moe',
+          },
+          {
+            region: 'us-east-2',
+            url: 'https://www.kitsu.red',
+          },
+          {
+            region: 'sg',
+            url: 'https://restream.kitsune.box.ca',
+          },
+          {
+            region: 'eu',
+            url: 'https://eu.stream.holopirates.moe',
+          },
+          {
+            region: 'jp',
+            url: 'https://jp.stream.holopirates.moe',
+          },
+        ],
+        playlist: '/misc/stream/dance/index.m3u8',
+      };
+    </script>
+  </head>
+
+  <body>
+    <header>
+      <h1><strong>Restream</strong> | Loading</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>
+    <video id="video" controls></video>
+  </body>
+</html>