Autoplay and loop linked dataset trials

assets/dataset_link.js

@@ -3,7 +3,6 @@
 
   const CURSOR_COLOR = "#D55E00";
   const PLAYBACK_DURATION_MS = 4200;
-  const autoplaySeen = new Set();
   let activeState = null;
   let scheduleGeneration = 0;
 
@@ -51,7 +50,7 @@
       makeElement(
         "span",
         "dataset-link-hint",
-        "Hover the raster, scrub the timeline or press play."
+        "Hover the raster or scrub the timeline to inspect a moment."
       )
     );
 
@@ -174,7 +173,11 @@
       const nextIndex = Math.min(finalIndex, startIndex + elapsedSteps);
       if (nextIndex !== state.index) renderIndex(state, nextIndex);
       if (nextIndex >= finalIndex) {
-        pause(state);
+        state.animationFrame = requestAnimationFrame(() => {
+          if (!state.playing || activeState !== state) return;
+          renderIndex(state, 0);
+          play(state);
+        });
         return;
       }
       state.animationFrame = requestAnimationFrame(advance);
@@ -245,12 +248,10 @@
 
   function maybeAutoplay(state) {
     const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    const mobile = window.matchMedia("(max-width: 560px)").matches;
-    if (reducedMotion || mobile || autoplaySeen.has(state.payload.dataset)) return;
+    if (reducedMotion) return;
     state.intersectionObserver = new IntersectionObserver((entries) => {
       const visible = entries.some((entry) => entry.isIntersecting && entry.intersectionRatio >= 0.25);
       if (!visible || activeState !== state) return;
-      autoplaySeen.add(state.payload.dataset);
       state.intersectionObserver.disconnect();
       state.intersectionObserver = null;
       state.autoplayTimer = window.setTimeout(() => {
@@ -258,7 +259,7 @@
           renderIndex(state, 0);
           play(state);
         }
-      }, 450);
+      }, 150);
     }, { threshold: [0.25] });
     state.intersectionObserver.observe(state.controls);
   }