Function generateSound

core/http/static/sound.js:56–139

(event)

}

async function generateSound(event) {
  event.preventDefault();

  const isSimple = document.getElementById('mode-simple').checked;
  if (isSimple) {
    const text = document.getElementById('text').value.trim();
    if (!text) {
      showNotification('error', 'Please enter text (description)');
      return;
    }
  } else {
    // Advanced mode: only check caption and lyrics (text field is hidden and not used)
    const caption = document.getElementById('caption').value.trim();
    const lyrics = document.getElementById('lyrics').value.trim();
    if (!caption && !lyrics) {
      showNotification('error', 'Please enter at least caption or lyrics');
      return;
    }
  }

  const loader = document.getElementById('loader');
  const resultDiv = document.getElementById('result');
  const generateBtn = document.getElementById('generate-btn');

  loader.style.display = 'block';
  generateBtn.disabled = true;
  resultDiv.innerHTML = '<p class="text-[var(--color-text-secondary)] italic">Generating sound...</p>';

  try {
    const response = await fetch('v1/sound-generation', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(buildRequestBody()),
    });

    if (!response.ok) {
      let errMsg = 'Request failed';
      const ct = response.headers.get('content-type');
      if (ct && ct.indexOf('application/json') !== -1) {
        const json = await response.json();
        if (json && json.error && json.error.message) errMsg = json.error.message;
      }
      resultDiv.innerHTML = '<div class="text-red-400 flex items-center gap-2"><i class="fas fa-circle-exclamation"></i> ' + errMsg + '</div>';
      showNotification('error', 'Failed to generate sound');
      return;
    }

    const blob = await response.blob();
    const audioUrl = window.URL.createObjectURL(blob);

    const wrap = document.createElement('div');
    wrap.className = 'flex flex-col items-center gap-4 w-full';

    const audio = document.createElement('audio');
    audio.controls = true;
    audio.src = audioUrl;
    audio.className = 'w-full max-w-md';