From e43cad08b85f24556d78bebc2d58e4487d3631eb Mon Sep 17 00:00:00 2001
From: "Michael D. Lowis" <mike@mdlowis.com>
Date: Thu, 21 Dec 2023 23:36:51 -0500
Subject: [PATCH] first pass at websocket based stream

---
 .gitignore   |  7 ++++++-
 TODO.md      | 15 +++++++++++++++
 index.html   | 33 ++++++++++++++++++++-------------
 serve-videos |  2 +-
 4 files changed, 42 insertions(+), 15 deletions(-)
 create mode 100644 TODO.md

diff --git a/.gitignore b/.gitignore
index 94a2dd1..80976e1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,6 @@
-*.json
\ No newline at end of file
+*.json
+Christmas/
+Pictures/
+Movies/
+Shorts/
+Shows/
diff --git a/TODO.md b/TODO.md
new file mode 100644
index 0000000..00b5d12
--- /dev/null
+++ b/TODO.md
@@ -0,0 +1,15 @@
+# Commands
+
+* skip
+* play
+* pause
+* channel next/prev
+* play next
+* play now
+
+# Features
+
+* Show the play queue
+* list connected clients
+* show photos
+* algorithm for picking movies
\ No newline at end of file
diff --git a/index.html b/index.html
index dfc85f9..18b8354 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
 </video>
 
 <script>
+let now_playing = {};
 
 const secondsSinceMidnight = ()=>{
     const now = new Date();
@@ -31,24 +32,28 @@ const secondsSinceMidnight = ()=>{
     return (now.getTime() - midnight.getTime()) / 1000;
 };
 
+const updatePlayer = ()=>{
+    const duration = now_playing["curr"]["duration"];
+    const since_mn = secondsSinceMidnight();
+    const end_time = now_playing["start_time"] + duration;
+    const offset   = duration - (end_time - since_mn);
+    if (offset > 0 && offset < duration)
+    {
+        Video.src = now_playing["curr"]["path"] + "#t=" + Math.floor(offset);
+    }
+};
+
 const Cmd = {
     play: (data)=>{
-        console.log(data);
-        const duration = data["curr"]["duration"];
-        const since_mn = secondsSinceMidnight();
-        const end_time = data["start_time"] + duration;
-        const offset   = duration - (end_time - since_mn);
-        console.log(offset);
-        if (offset > 0 && offset < duration)
-        {
-            Video.src = data["curr"]["path"] + "#t=" + Math.floor(offset);
-            console.log(Video.src);
-        }
+        now_playing = data;
+        updatePlayer();
     }
 };
 
 const connect = ()=>{
-    let ws = new WebSocket("ws://" + window.location.host);
+    let ws = new WebSocket(
+        "ws://" + window.location.host + ":3000");
+
     ws.onmessage = (event)=>{
         const msg = JSON.parse(event.data);
         Cmd[msg.cmd](msg);
@@ -59,8 +64,10 @@ const connect = ()=>{
     };
 };
 
+Video.addEventListener("ended", updatePlayer);
+document.addEventListener("visibilitychange", updatePlayer);
 
 (()=>{ connect(); })();
 </script>
 
-</body></html>
\ No newline at end of file
+</body></html>
diff --git a/serve-videos b/serve-videos
index f05f097..9e01951 100755
--- a/serve-videos
+++ b/serve-videos
@@ -9,12 +9,12 @@ $db = JSON.parse(File.read("index.json"))
 $now_playing = nil
 $channel = 0
 $channels = [
-  { include: ["Christmas"] },
   { include: ["Movies", "Shorts", "Shows"] },
   { include: ["Movies"] },
   { include: ["Shorts"] },
   { include: ["Shows"] },
   { include: ["Pictures"] },
+  { include: ["Christmas"] },
 ]
 
 def secs_since_midnight()
-- 
2.52.0