From fb9eaefc845a668b47b17f6200642faa4ae21fd4 Mon Sep 17 00:00:00 2001
From: sxlxc <sxlxc@fake.email>
Date: Sat, 19 Jul 2025 18:12:38 +0800
Subject: [PATCH] z

---
 html/index.html | 57 ++++++++++++++++++++++++++++++-------------------
 1 file changed, 35 insertions(+), 22 deletions(-)
diff --git a/html/index.html b/html/index.html
index d2f13f1..f03fcf3 100644
--- a/html/index.html
+++ b/html/index.html
@@ -1,31 +1,44 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-    <title>HLS Player Test</title>
-    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap" rel="stylesheet">
+  <title>HLS Player Test</title>
+  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
+  <style>
+    body {
+      font-family: "Fira Sans", sans-serif;
+      font-weight: 400;
+      font-style: normal;
+    }
+  </style>
 </head>
+
 <body>
-    <h1>Live Stream</h1>
+  <h1>Live Stream</h1>
+  <div style="display: flex; justify-content: center;">
     <video id="video" width="80%" controls></video>
+  </div>
+  <script>
+    var video = document.getElementById('video');
+    // ** CHANGE THIS URL TO YOUR STREAM URL **
+    var videoSrc = 'https://hls.talldoor.uk/hls/sxlxc.m3u8';
 
-    <script>
-      var video = document.getElementById('video');
-      // ** CHANGE THIS URL TO YOUR STREAM URL **
-      var videoSrc = 'https://hls.talldoor.uk/hls/sxlxc.m3u8'; 
-
-      if (Hls.isSupported()) {
-        var hls = new Hls();
-        hls.loadSource(videoSrc);
-        hls.attachMedia(video);
-        hls.on(Hls.Events.MANIFEST_PARSED, function() {
-          video.play();
-        });
-      } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-        video.src = videoSrc;
-        video.addEventListener('loadedmetadata', function() {
-          video.play();
-        });
-      }
-    </script>
+    if (Hls.isSupported()) {
+      var hls = new Hls();
+      hls.loadSource(videoSrc);
+      hls.attachMedia(video);
+      hls.on(Hls.Events.MANIFEST_PARSED, function () {
+        video.play();
+      });
+    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+      video.src = videoSrc;
+      video.addEventListener('loadedmetadata', function () {
+        video.play();
+      });
+    }
+  </script>
 </body>
 </html>
\ No newline at end of file
