Upload index.html with huggingface_hub

index.html

@@ -80,20 +80,18 @@ let captureTimer = null;
 let countdownTimer = null;
 let running = false;
 
-const FPS = 10;                // webcam frames sent per second
+const FPS = 15;                // webcam frames sent per second
 const SESSION_SECONDS = 58;
 
-// --- jitter buffer: edited frames arrive in bursts (one chunk at a time) but
-// we play them out at a smooth, adaptive rate so the preview doesn't stutter.
+// --- low-latency player: StreamDiffusionV2 streams steadily (~14fps), so we do
+// NOT jitter-buffer. Keep a tiny queue and aggressively drop the backlog so the
+// preview always shows the most recent edit (minimal action->reaction delay).
 let playQueue = [];
-const MAX_QUEUE = 36;          // bound latency (~3 chunks)
+const MAX_QUEUE = 3;           // ~0.2s worth; drop older frames past this
 let lastShown = 0;
 function playLoop(ts){
   if (playQueue.length > MAX_QUEUE) playQueue = playQueue.slice(-MAX_QUEUE);
-  // drain faster as the backlog grows, slower when nearly empty
-  const n = playQueue.length;
-  const fps = n > 24 ? 18 : n > 14 ? 13 : n > 6 ? 9 : 6;
-  if (n && ts - lastShown >= 1000 / fps){
+  if (playQueue.length && ts - lastShown >= 1000 / 30){
     outEl.src = playQueue.shift();
     outPh.style.display = "none";
     lastShown = ts;