Initial commit

2026-02-12 10:50:49 +01:00
commit 3a0bb1cd37
30 changed files with 2571 additions and 0 deletions
--- a/templates/display.html
+++ b/templates/display.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Display {{ public_id }}</title>
+    <style>
+      html, body { margin:0; padding:0; background:#000; height:100%; overflow:hidden; }
+      video { width:100%; height:100%; object-fit:contain; background:#000; }
+      #idle {
+        position:fixed;
+        top:0; left:0;
+        width:100vw; height:100vh;
+        object-fit:cover;
+        background:#000;
+        display:none;
+        z-index:1;
+      }
+      #v { position:relative; z-index:2; }
+      #dbg { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); color:#0f0; font:12px/1.4 monospace; padding:8px; z-index:9999; display:none; white-space:pre; }
+    </style>
+  </head>
+  <body>
+    <div id="dbg"></div>
+    <img id="idle" alt="Idle" />
+    <video id="v" playsinline webkit-playsinline muted autoplay preload="auto"></video>
+
+    <script src="/static/vendor/socket.io.min.js"></script>
+    <script id="syncplayer-config" type="application/json">{{ {
+      "public_id": public_id,
+      "idle_image_url": idle_image_url,
+      "cache_enabled": true,
+      "cache_mode": "range",
+      "cache_range_bytes": 1048576
+    }|tojson }}</script>
+    <script src="/static/display.js"></script>
+  </body>
+</html>