Add public/index.html

2026-06-22 16:26:06 +00:00
parent 076badce68
commit 2e4e5803c1
1 changed files with 61 additions and 0 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <meta
+    name="viewport"
+    content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
+  >
+
+  <meta name="theme-color" content="#000">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+
+  <title>-</title>
+
+  <link rel="stylesheet" href="/styles.css">
+</head>
+<body>
+  <div class="player" id="player">
+    <video
+      id="video"
+      autoplay
+      playsinline
+      preload="metadata"
+      disablepictureinpicture
+      controlslist="nodownload noplaybackrate"
+    ></video>
+
+    <div class="tap-unmute" id="tapUnmute">Tap to Unmute</div>
+    <div class="video-text"></div>
+
+    <div class="controls" id="controls">
+      <button id="rotate" style="display:none;opacity:0">⟳</button>
+      <button id="play" aria-label="play">▶</button>
+
+      <input id="seek" type="range" min="0" max="100" value="0">
+
+      <button id="mute" aria-label="mute">u</button>
+      <input id="volume" type="range" min="0" max="1" step=".01" value="1">
+    </div>
+
+    <button class="sidebtn" id="prevBtn" aria-label="previous">
+      <svg viewBox="0 0 24 24">
+        <path d="M15 18l-6-6 6-6"></path>
+        <path d="M9 18V6"></path>
+      </svg>
+    </button>
+
+    <button class="sidebtn" id="nextBtn" aria-label="next">
+      <svg viewBox="0 0 24 24">
+        <path d="M9 18l6-6-6-6"></path>
+        <path d="M15 18V6"></path>
+      </svg>
+    </button>
+  </div>
+
+  <script src="/videos.js"></script>
+  <script src="/app.js"></script>
+</body>
+</html>