JavaScript (Request Format):

1async function HarmonyRequest(event) {
2  event.preventDefault();
3  const apiKey = document.getElementById("apiKey").value; 
4  const audioFile = document.getElementById("audioFile").files[0];
5  const selectedModel = document.getElementById("selectedModel").value;
6
7  const formData = new FormData();
8  formData.append("api_key", apiKey);
9  formData.append("audio", audioFile);
10  formData.append("model", selectedModel);
11
12  const response = await fetch("https://wxm-back.vercel.app//request_analyze_voice", {
13      method: "POST",
14      body: formData,
15  });
16
17  const result = await response.json();
18  document.getElementById("output").innerHTML = result.output;
19}

HTML (Structure Example):

1<h1>Voice Analyze Request</h1>
2<form id="analyzeForm" enctype="multipart/form-data">
3    <label for="apiKey">API Key:</label>
4    <input type="text" id="apiKey" name="api_key" required><br><br>
5
6    <label for="audioFile">Select Voice:</label>
7    <input type="file" id="audioFile" name="audioFile" accept="audio/*" required><br><br>
8
9    <label for="selectedModel">Select Model:</label>
10    <select id="selectedModel" name="model" required>
11      <option value="tts">Text-to-Speech (TTS)</option>
12      <option value="stt">Speech-to-Text (STT)</option>
13      <option value="clone">Voice Cloning</option>
14    </select><br><br>
15
16    <button type="submit">Analyze Voice</button>
17</form>
18
19<audio id="output" controls></audio>