Upload index.html with huggingface_hub

index.html

@@ -17,7 +17,7 @@ html,body{background:#161719;overflow:hidden}
   const MODELS=["mrt2_small","mrt2_base"], SR=48000, PIDX={0:"temperature",1:"topk",3:"cfg",4:"cfgnotes",7:"unmaskwidth",8:"buffer",39:"drumless",46:"onsetmode",48:"cfgdrums"};
   let currentModel="mrt2_base", params={temperature:1.1,topk:50,cfg:1.6,cfgnotes:2.4,cfgdrums:4.0,buffer:0,unmaskwidth:0,drumless:0,onsetmode:0}, lastData=null;
   const activeNotes=new Set();
-  let playing=false, ctx=null, analyser=null, gain=null, vol=1, muted=false, nextTime=0, client=null, freq=null;
+  let playing=false, ctx=null, analyser=null, gain=null, vol=1, muted=false, midigate=false, bypassed=false, nextTime=0, client=null, freq=null;
   let sessionLen=120, budget=120, lastBT=0, mtick=0, settingsOpen=false, resetSeq=0, seedVal=0;
   const US=s=>{ if(window.updateState) window.updateState(s); };
 
@@ -32,8 +32,10 @@ html,body{background:#161719;overflow:hidden}
       case 'selectModel': if(m.name){ currentModel=m.name; US({modelName:m.name,localModels:MODELS}); setStyle(lastData); } break;
       case 'downloadModel': case 'initResources': US({resourcesMissing:false,modelName:currentModel,localModels:MODELS}); break;
       case 'textPrompts': lastData=m.value; setStyle(m.value); break;
-      case 'param': { if(m.index===5){ vol=Math.max(0,Math.min(1,(m.value+60)/60)); if(gain)gain.gain.value=muted?0:vol; break; }
-        if(m.index===6){ muted=!!m.value; if(gain)gain.gain.value=muted?0:vol; break; }
+      case 'param': { if(m.index===5){ vol=Math.max(0,Math.min(1,(m.value+60)/60)); applyVol(); break; }
+        if(m.index===6){ muted=!!m.value; applyVol(); break; }
+        if(m.index===45){ midigate=!!m.value; applyVol(); break; }
+        if(m.index===32){ bypassed=!!m.value; applyVol(); break; }
         if(m.index===31){ if(m.value){ resetSeq++; setStyle(lastData); } break; }
         if(m.index===47){ seedVal++; setStyle(lastData); break; }
         const k=PIDX[m.index]; if(k){ params[k]=m.value; setStyle(lastData); } break; }
@@ -41,7 +43,7 @@ html,body{background:#161719;overflow:hidden}
       case 'setSoloMode': US({solomode:!!m.value}); break;
       case 'checkBanks': US({bankStatus:{}}); break;
       case 'selectMidiSource': US({computerKeyboardMidi:(m.endpoint===0||m.endpoint===undefined)}); break;
-      case 'kbdNote': if(m.on)activeNotes.add(m.note); else activeNotes.delete(m.note); US({activeNotes:[...activeNotes]}); setStyle(lastData||[{text:'instrumental music',weight:1}]); break;
+      case 'kbdNote': if(m.on)activeNotes.add(m.note); else activeNotes.delete(m.note); US({activeNotes:[...activeNotes]}); applyVol(); setStyle(lastData||[{text:'instrumental music',weight:1}]); break;
       case 'gpuSession': sessionLen=+m.value; if(!playing)budget=sessionLen; emitGpu(); break;
       case 'togglePlay': toggle(); break;
       default: break;
@@ -62,6 +64,7 @@ html,body{background:#161719;overflow:hidden}
     const s=ctx.createBufferSource(); s.buffer=buf; s.connect(analyser);
     if(nextTime<ctx.currentTime+0.05)nextTime=ctx.currentTime+0.12; s.start(nextTime); nextTime+=n/SR;
   }
+  function applyVol(){ if(gain) gain.gain.value = (muted||bypassed||(midigate&&!activeNotes.size))?0:vol; }
   function meter(){
     if(analyser){ analyser.getByteFrequencyData(freq); let m=0; for(let i=0;i<20;i++)m+=freq[i]; const lv=Math.min(1,m/20/150);
       US({audioLevel:lv,audioLevels:{left:lv,right:lv}});
@@ -78,7 +81,7 @@ html,body{background:#161719;overflow:hidden}
   }
   async function toggle(depleted){
     if(playing||depleted){ playing=false; US({isPlaying:false}); if(ctx)ctx.suspend(); emitGpu(); return; }
-    if(!ctx){ ctx=new AudioContext({sampleRate:SR}); analyser=ctx.createAnalyser(); analyser.fftSize=64; gain=ctx.createGain(); gain.gain.value=muted?0:vol; analyser.connect(gain); gain.connect(ctx.destination); freq=new Uint8Array(analyser.frequencyBinCount); meter(); }
+    if(!ctx){ ctx=new AudioContext({sampleRate:SR}); analyser=ctx.createAnalyser(); analyser.fftSize=64; gain=ctx.createGain(); analyser.connect(gain); gain.connect(ctx.destination); freq=new Uint8Array(analyser.frequencyBinCount); applyVol(); meter(); }
     await ctx.resume(); nextTime=ctx.currentTime+0.2; budget=sessionLen; lastBT=performance.now();
     playing=true; US({isPlaying:true}); emitGpu(); await setStyle(lastData);
     if(!client) client=await Client.connect(window.location.origin); loop();