Pick stopsets and assets eligibility based on their approximate start…

… time in the playlist

README.md

@@ -89,7 +89,7 @@ Head over to <http://localhost:8888/> in your web browser.
 - [x] Idiot mode, easy mode, advanced mode
 - [ ] ~~Timeout on fetch?~~ (websockets makes this unneeded, except for downloading files)
 - [x] Attempt to prevent duplicate assets from playing within a certain time period
-- [ ] Start/end time for assets in client are based on "is likely to play at" time
+- [x] Start/end time for assets in client are based on "is likely to play at" time
 - [x] Empty rotators are warned on (based on feature flag)
 - [x] Deal with non-playable assets (error state ones)
 - [x] Compression and selecting output device using a bridge to

client/src/main/Player.svelte

@@ -1,4 +1,5 @@
 <script>
+  import dayjs from "dayjs"
   import { tick } from "svelte"
   import PlayBar from "./player/Bar.svelte"
   import PlayButtons from "./player/Buttons.svelte"
@@ -35,11 +36,20 @@
     document.getElementById("playlist").scroll({ top: 0, behavior: "smooth" })
   }
 
+  window.durationOfItems = () => {
+    return items.reduce((s, item) => s + item.remaining, 0)
+  }
+
   const addStopset = () => {
     // If previous item is not a wait interval
     let shouldPrependWait = $config.WAIT_INTERVAL > 0 && items.length > 0 && items[items.length - 1].type !== "wait"
 
-    let generatedStopset = $db.generateStopset(null, processItem, updateUI)
+    const secondsUntilPlay = items.reduce(
+      (s, item) => s + item.remaining,
+      shouldPrependWait ? $config.WAIT_INTERVAL : 0
+    )
+    const likelyPlayTime = dayjs().add(secondsUntilPlay, "seconds")
+    let generatedStopset = $db.generateStopset(likelyPlayTime, processItem, updateUI)
 
     if (generatedStopset) {
       if (shouldPrependWait) {
@@ -68,7 +78,9 @@
       addStopset()
     } else {
       // swap it out, maintaining generatedId so UI doesn't trigger a transition
-      let generatedStopset = $db.generateStopset(null, processItem, updateUI, items[nextStopset].generatedId)
+      const secondsUntilPlay = items.slice(0, nextStopset).reduce((s, item) => s + item.remaining, 0)
+      const likelyPlayTime = dayjs().add(secondsUntilPlay, "seconds")
+      let generatedStopset = $db.generateStopset(likelyPlayTime, processItem, updateUI, items[nextStopset].generatedId)
       if (generatedStopset) {
         items[nextStopset].done(true) // Mark swap out one as done
         items[nextStopset] = generatedStopset