audio-controller.js

class AudioController {
  constructor() {
    this.visualizer = null;
    this.analyser = null;
    this.audioContext = null;
    this.audioWorkletNode = null;
    this.isPlaying = false;
  }



  msToSamples(ms) {
    return Math.floor((ms * this.audioContext.sampleRate) / 1000);
  }

  samplesToMs(samples) {
    return Math.round((samples / this.audioContext.sampleRate) * 1000);
  }

  updateDuration(durationMs) {
    this.audioWorkletNode.port.postMessage({
      type: "setDurationSamples",
      samples: this.msToSamples(durationMs),
    });
  }

  playSound(isTempered, playRoot = true, playThird = true) {
    if (this.isPlaying) return;

    this.isPlaying = true;
    this.audioWorkletNode.port.postMessage({
        type: "setActiveBuffers",
        playRoot: playRoot,
        playThird: playThird
    });
    // Set which third type via the parameter
    this.audioWorkletNode.parameters.get("thirdType").value = isTempered ? 0 : 1;
    this.audioWorkletNode.parameters.get("playing").value = 1;
}

demonstrateSound(isTempered) {
  const buttonId = isTempered ? "temperedPlayButton" : "purePlayButton";
  document.getElementById(buttonId).textContent = "playing...";
  
  // Store current duration
  const slider = document.getElementById("durationSlider");
  const originalDuration = slider.value;
  
  // Set to maximum duration for demo
  slider.value = slider.max;
  this.updateDuration(slider.max);
  
  // Play the sound
  this.playSound(isTempered);

  // Add handler to restore duration when playback completes
  const originalHandler = this.audioWorkletNode.port.onmessage;
  this.audioWorkletNode.port.onmessage = (event) => {
      if (event.data.type === "playbackComplete" && event.data.shouldStop) {
          // Restore original duration
          slider.value = originalDuration;
          this.updateDuration(originalDuration);
          
          // Restore original message handler
          this.audioWorkletNode.port.onmessage = originalHandler;
          
          // Call original handler for normal cleanup
          originalHandler(event);
      }
  };
}

  async init() {
    this.audioContext = new AudioContext();
    try {
      await this.audioContext.audioWorklet.addModule("simple-processor.js");
      
      // Load all three buffers
      const [rootBuffer, temperedBuffer, pureBuffer] = await Promise.all(
        ["Rhodes_C_128hz_A.wav", "Rhodes_E_Equal_A.wav", "Rhodes_E_Just_A.wav"].map(
          async (url) => {
            const response = await fetch(url);
            return Object.setPrototypeOf(
              await this.audioContext.decodeAudioData(
                await response.arrayBuffer()
              ),
              OperableAudioBuffer.prototype
            );
          }
        )
      );

      this.audioWorkletNode = new AudioWorkletNode(
        this.audioContext,
        "simple-processor",
        {
            numberOfOutputs: 2,  // One for audio, one for visualization
            outputChannelCount: [2, 2]  // Stereo for each output
        }
    );
    
      this.audioWorkletNode.connect(this.audioContext.destination);

      /// analyser
      this.analyser = this.audioContext.createAnalyser();
      this.visualizer = new AudioAnalyzer(this.audioContext, this.audioWorkletNode);
      ///

      this.audioWorkletNode.port.onmessage = (event) => {
        if (event.data.type === "playbackComplete" && event.data.shouldStop) {
          this.audioWorkletNode.parameters.get("playing").value = 0;
          document.getElementById("playButton").textContent = "play sound";
          document.getElementById("temperedPlayButton").textContent = "play tempered";
          document.getElementById("purePlayButton").textContent = "play pure";
          document.querySelector(".choice-buttons").style.visibility =
            "visible";
          this.isPlaying = false;
        }
      };

      // Add all three buffers
      this.audioWorkletNode.port.postMessage({
        type: "addBuffer",
        id: "root",
        audio: rootBuffer.toArray(),
      });
      this.audioWorkletNode.port.postMessage({
        type: "addBuffer",
        id: "tempered",
        audio: temperedBuffer.toArray(),
      });
      this.audioWorkletNode.port.postMessage({
        type: "addBuffer",
        id: "pure",
        audio: pureBuffer.toArray(),
      });

      const slider = document.getElementById("durationSlider");
      const originalDurationMs = this.samplesToMs(rootBuffer.length);
      document.getElementById("currentDuration").textContent =
        originalDurationMs;
      slider.max = Math.min(1500, originalDurationMs);
      slider.value = originalDurationMs;

      document.getElementById("temperedPlayButton").onclick = () =>
        this.demonstrateSound(true);

      document.getElementById("purePlayButton").onclick = () =>
        this.demonstrateSound(false);

      return true;
    } catch (err) {
      console.error("Error initializing audio worklet:", err);
      return false;
    }
  }

  
}