Speech-to-Text (Transcription)

curl -X POST https://api.addisassistant.com/api/v1/chat_generate \
  -H "X-API-Key: YOUR_API_KEY" \
  -F "chat_audio_input=@/path/to/your-audio.wav" \
  -F 'request_data={
    "target_language": "am"
  };type=application/json'

{
  "response_text": "እሺ፣ ውሎ ደህና መሸ።",
  "finish_reason": "stop",
  "usage_metadata": {
    "prompt_token_count": 15,
    "candidates_token_count": 12,
    "total_token_count": 27
  },
  "modelVersion": "Addis-፩-አሌፍ",
  "transcription_raw": "<analysis>gender: male, emotion: neutral</analysis> ውሎ ደህና መሸ ወይ?",
  "transcription_clean": "ውሎ ደህና መሸ ወይ?"
}

// Basic audio recording and transcription
async function recordAndTranscribe() {
  // 1. Set up UI elements
  const startButton = document.getElementById("startRecording");
  const stopButton = document.getElementById("stopRecording");
  const statusDiv = document.getElementById("status");
  const resultDiv = document.getElementById("result");

  // 2. Initialize variables
  let mediaRecorder;
  let audioChunks = [];
  let stream;

  // 3. Set up event handlers
  startButton.addEventListener("click", async () => {
    try {
      // Request microphone access
      stream = await navigator.mediaDevices.getUserMedia({ audio: true });

      // Create media recorder
      mediaRecorder = new MediaRecorder(stream);
      audioChunks = [];

      // Collect audio chunks
      mediaRecorder.addEventListener("dataavailable", (event) => {
        audioChunks.push(event.data);
      });

      // Start recording
      mediaRecorder.start();
      statusDiv.textContent = "Recording...";

      // Enable stop button, disable start button
      startButton.disabled = true;
      stopButton.disabled = false;
    } catch (error) {
      statusDiv.textContent = `Error: ${error.message}`;
    }
  });

  stopButton.addEventListener("click", () => {
    if (mediaRecorder && mediaRecorder.state !== "inactive") {
      mediaRecorder.stop();
      statusDiv.textContent = "Processing...";

      // Handle recording stop event
      mediaRecorder.addEventListener("stop", async () => {
        try {
          // Create audio blob and send it
          const audioBlob = new Blob(audioChunks, { type: "audio/wav" });

          // Send to API
          const result = await sendAudioForTranscription(audioBlob);

          // Display results
          statusDiv.textContent = "Transcription complete";
          resultDiv.innerHTML = `
            <p><strong>Transcription:</strong> ${result.transcription_clean}</p>
            <p><strong>Response:</strong> ${result.response_text}</p>
          `;

          // Stop the media tracks to release microphone
          stream.getTracks().forEach((track) => track.stop());

          // Reset buttons
          startButton.disabled = false;
          stopButton.disabled = true;
        } catch (error) {
          statusDiv.textContent = `Error: ${error.message}`;
        }
      });
    }
  });

  // 4. Function to send audio to API
  async function sendAudioForTranscription(audioBlob) {
    const formData = new FormData();
    formData.append("chat_audio_input", audioBlob);
    formData.append(
      "request_data",
      JSON.stringify({
        target_language: "am",
      }),
    );

    const response = await fetch(
      "https://api.addisassistant.com/api/v1/chat_generate",
      {
        method: "POST",
        headers: {
          "X-API-Key": "YOUR_API_KEY",
        },
        body: formData,
      },
    );

    if (!response.ok) {
      throw new Error(`API error: ${response.status}`);
    }

    return await response.json();
  }
}

// Initialize the recording functionality
document.addEventListener("DOMContentLoaded", recordAndTranscribe);

// Handle file upload and transcription
document
  .getElementById("audioFileForm")
  .addEventListener("submit", async (event) => {
    event.preventDefault();

    const fileInput = document.getElementById("audioFile");
    const resultDiv = document.getElementById("transcriptionResult");
    const statusDiv = document.getElementById("status");

    if (!fileInput.files.length) {
      statusDiv.textContent = "Please select an audio file";
      return;
    }

    const audioFile = fileInput.files[0];
    statusDiv.textContent = "Uploading and transcribing...";

    try {
      const formData = new FormData();
      formData.append("chat_audio_input", audioFile);

      // Include additional context if needed
      const additionalText = document.getElementById("additionalText").value;
      const requestData = {
        target_language: "am",
      };

      if (additionalText) {
        requestData.prompt = additionalText;
      }

      formData.append("request_data", JSON.stringify(requestData));

      const response = await fetch(
        "https://api.addisassistant.com/api/v1/chat_generate",
        {
          method: "POST",
          headers: {
            "X-API-Key": "YOUR_API_KEY",
          },
          body: formData,
        },
      );

      if (!response.ok) {
        throw new Error(
          `Server returned ${response.status}: ${response.statusText}`,
        );
      }

      const result = await response.json();

      // Display results
      statusDiv.textContent = "Transcription complete";
      resultDiv.innerHTML = `
      <div class="transcription">
        <h3>Transcription</h3>
        <p>${result.transcription_clean}</p>
      </div>
      <div class="analysis">
        <h3>Raw Transcription</h3>
        <pre>${result.transcription_raw}</pre>
      </div>
      <div class="response">
        <h3>AI Response</h3>
        <p>${result.response_text}</p>
      </div>
    `;
    } catch (error) {
      statusDiv.textContent = `Error: ${error.message}`;
    }
  });