Update magentaRT_rt_tester.html

magentaRT_rt_tester.html

@@ -98,6 +98,11 @@
         <label>WebSocket URL</label>
         <input id="wsUrl" type="text" value="wss://thecollabagepatch-magenta-retry.hf.space/ws/jam" />
       </div>
+      <div class="col-12">
+        <label>Initial Loop Audio (optional)</label>
+        <input id="loopFile" type="file" accept="audio/*" />
+        <span id="loopStatus" class="small"></span>
+      </div>
       <div class="col-12 controls">
         <button id="btnStart" class="btn">Start</button>
         <button id="btnStop" class="btn" disabled>Stop</button>
@@ -133,6 +138,11 @@
           <input id="rngVol" type="range" min="0" max="1" step="0.01" value="1" />
           <input id="numVol" type="number" min="0" max="1" step="0.01" value="1" />
         </div>
+        <div class="range-row">
+          <label>Loop weight</label>
+          <input id="rngLoopWeight" type="range" min="0.0" max="2.0" step="0.01" value="1.0" />
+          <input id="numLoopWeight" type="number" min="0.0" max="2.0" step="0.01" value="1.0" />
+        </div>
         <div class="sep"></div>
         <button id="btnUpdate" class="btn">Send Update Now</button>
       </div>
@@ -256,6 +266,12 @@
   const rngC4 = $("rngC4"), numC4 = $("numC4");
   const rngC5 = $("rngC5"), numC5 = $("numC5");
 
+  const loopFile = $("loopFile");
+  const loopStatus = $("loopStatus");
+  const rngLoopWeight = $("rngLoopWeight");
+  const numLoopWeight = $("numLoopWeight");
+  let uploadedLoopB64 = null; // stores base64 of uploaded file
+
   const XFADE_MS = 40; // crossfade length
 
   let pending = [];            // decoded AudioBuffers waiting to be scheduled
@@ -497,8 +513,36 @@ async function scheduleWavBytes(arrayBuffer) {
   linkRangeNumber(rngC3, numC3);
   linkRangeNumber(rngC4, numC4);
   linkRangeNumber(rngC5, numC5);
+  linkRangeNumber(rngLoopWeight, numLoopWeight);
+
+  // File upload handler
+  loopFile.addEventListener("change", async (e) => {
+    const file = e.target.files[0];
+    if (!file) {
+      uploadedLoopB64 = null;
+      loopStatus.textContent = "";
+      return;
+    }
+
+    try {
+      loopStatus.textContent = "encoding...";
+      const arrayBuffer = await file.arrayBuffer();
+      const bytes = new Uint8Array(arrayBuffer);
+      let binary = '';
+      for (let i = 0; i < bytes.byteLength; i++) {
+        binary += String.fromCharCode(bytes[i]);
+      }
+      uploadedLoopB64 = btoa(binary);
+      loopStatus.textContent = `✓ ${file.name} (${(arrayBuffer.byteLength / 1024).toFixed(1)} KB)`;
+      loopStatus.className = "small ok";
+    } catch (e) {
+      uploadedLoopB64 = null;
+      loopStatus.textContent = "✗ encoding failed: " + e.message;
+      loopStatus.className = "small err";
+    }
+  });
+
 
-  
   // --- Dynamic Styles UI ---
   const styleRows = document.getElementById("styleRows");
   const btnAddStyle = document.getElementById("btnAddStyle");
@@ -578,6 +622,8 @@ async function scheduleWavBytes(arrayBuffer) {
     style_weights: styleWeightsCSV(),
     use_current_mix_as_style: !!chkUseMixStyle.checked,
 
+    loop_weight: parsefloatSafe(numLoopWeight?.value, 1.0),
+
     mean: parsefloatSafe(numMean?.value, 1.0),
     centroid_weights: centroidWeightsCSV(),
   };
@@ -625,6 +671,11 @@ async function scheduleWavBytes(arrayBuffer) {
         },
       };
 
+      // Add loop audio if uploaded
+      if (uploadedLoopB64) {
+        msg.loop_audio_b64 = uploadedLoopB64;
+      }
+
       ws.send(JSON.stringify(msg));
       log("→ start " + JSON.stringify(msg), "ok");
       nextTime = ctx.currentTime + 0.12;