Spaces:

ssasio
/

edge-tts-api-1

Running

App Files Files Community

ssasio commited on 24 days ago

Commit

a45eeac

verified ·

1 Parent(s): 47d7807

Delete edge-tts-api-test.html

Browse files

Files changed (1) hide show

edge-tts-api-test.html +0 -258

edge-tts-api-test.html DELETED Viewed

@@ -1,258 +0,0 @@
-<!doctype html>
-<html lang="bg">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Edge TTS API Test</title>
-  <style>
-    :root {
-      --bg: #0f1115;
-      --panel: #171a21;
-      --panel-2: #1f2430;
-      --text: #eef2ff;
-      --muted: #aab4d6;
-      --accent: #ff4fa3;
-      --accent-2: #ff7abd;
-      --border: #2e3443;
-      --ok: #42d392;
-      --err: #ff6b6b;
-    }
-    * { box-sizing: border-box; }
-    body {
-      margin: 0;
-      font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
-      background: linear-gradient(180deg, #0d1016, #131722);
-      color: var(--text);
-      min-height: 100vh;
-    }
-    .wrap {
-      max-width: 920px;
-      margin: 0 auto;
-      padding: 24px;
-    }
-    .card {
-      background: rgba(23, 26, 33, 0.95);
-      border: 1px solid var(--border);
-      border-radius: 18px;
-      padding: 20px;
-      box-shadow: 0 10px 30px rgba(0,0,0,.25);
-    }
-    h1 { margin: 0 0 8px; font-size: 30px; }
-    p { color: var(--muted); }
-    .grid {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      gap: 16px;
-    }
-    .full { grid-column: 1 / -1; }
-    label {
-      display: block;
-      margin: 0 0 8px;
-      font-size: 14px;
-      color: var(--muted);
-    }
-    input, textarea, select {
-      width: 100%;
-      border: 1px solid var(--border);
-      background: var(--panel-2);
-      color: var(--text);
-      border-radius: 12px;
-      padding: 12px 14px;
-      font-size: 15px;
-    }
-    textarea { min-height: 150px; resize: vertical; }
-    .row {
-      display: flex;
-      gap: 12px;
-      flex-wrap: wrap;
-      margin-top: 18px;
-    }
-    button {
-      border: 0;
-      border-radius: 12px;
-      padding: 12px 16px;
-      font-size: 15px;
-      cursor: pointer;
-      color: white;
-      background: linear-gradient(135deg, var(--accent), var(--accent-2));
-    }
-    button.secondary {
-      background: #2b3242;
-    }
-    button:disabled { opacity: .6; cursor: wait; }
-    .status {
-      margin-top: 14px;
-      padding: 12px 14px;
-      border-radius: 12px;
-      background: #161b25;
-      border: 1px solid var(--border);
-      color: var(--muted);
-      white-space: pre-wrap;
-      word-break: break-word;
-    }
-    .ok { color: var(--ok); }
-    .err { color: var(--err); }
-    audio {
-      width: 100%;
-      margin-top: 18px;
-    }
-    .small { font-size: 13px; color: var(--muted); }
-    @media (max-width: 760px) {
-      .grid { grid-template-columns: 1fr; }
-    }
-  </style>
-</head>
-<body>
-  <div class="wrap">
-    <div class="card">
-      <h1>Edge TTS API Test</h1>
-      <p>HTML тест страница за твоя Hugging Face Space endpoint.</p>
-      <div class="grid">
-        <div class="full">
-          <label for="baseUrl">API Base URL</label>
-          <input id="baseUrl" value="https://ssasio-edge-tts-api-1.hf.space" />
-        </div>
-        <div>
-          <label for="voice">Voice</label>
-          <input id="voice" value="bg-BG-BorislavNeural" />
-        </div>
-        <div>
-          <label for="rate">Rate</label>
-          <input id="rate" value="+0%" />
-        </div>
-        <div>
-          <label for="volume">Volume</label>
-          <input id="volume" value="+0%" />
-        </div>
-        <div>
-          <label for="pitch">Pitch</label>
-          <input id="pitch" value="+0Hz" />
-        </div>
-        <div class="full">
-          <label for="text">Text</label>
-          <textarea id="text">Здравей, това е тест на Edge TTS API от HTML файл.</textarea>
-        </div>
-      </div>
-      <div class="row">
-        <button id="healthBtn" type="button">Health</button>
-        <button id="voicesBtn" type="button" class="secondary">Voices</button>
-        <button id="ttsBtn" type="button">Generate MP3</button>
-        <button id="downloadBtn" type="button" class="secondary" disabled>Download MP3</button>
-      </div>
-      <div id="status" class="status">Готово за тест.</div>
-      <audio id="player" controls></audio>
-      <div class="small">Ако браузърът блокира заявката, трябва да се добави CORS в FastAPI backend-а.</div>
-    </div>
-  </div>
-  <script>
-    const baseUrlEl = document.getElementById('baseUrl');
-    const voiceEl = document.getElementById('voice');
-    const rateEl = document.getElementById('rate');
-    const volumeEl = document.getElementById('volume');
-    const pitchEl = document.getElementById('pitch');
-    const textEl = document.getElementById('text');
-    const statusEl = document.getElementById('status');
-    const playerEl = document.getElementById('player');
-    const downloadBtn = document.getElementById('downloadBtn');
-    const healthBtn = document.getElementById('healthBtn');
-    const voicesBtn = document.getElementById('voicesBtn');
-    const ttsBtn = document.getElementById('ttsBtn');
-    let currentBlobUrl = null;
-    function setStatus(message, type = '') {
-      statusEl.className = 'status ' + type;
-      statusEl.textContent = message;
-    }
-    function getBaseUrl() {
-      return baseUrlEl.value.trim().replace(/\/$/, '');
-    }
-    async function checkHealth() {
-      setStatus('Проверка на /health ...');
-      try {
-        const res = await fetch(getBaseUrl() + '/health');
-        const txt = await res.text();
-        setStatus('Health OK:\n' + txt, 'ok');
-      } catch (e) {
-        setStatus('Health error: ' + e.message, 'err');
-      }
-    }
-    async function getVoices() {
-      setStatus('Зареждане на /voices ...');
-      try {
-        const res = await fetch(getBaseUrl() + '/voices');
-        const data = await res.json();
-        const short = Array.isArray(data) ? data.slice(0, 20).map(v => v.ShortName).join('\n') : JSON.stringify(data, null, 2);
-        setStatus('Първи гласове:\n' + short, 'ok');
-      } catch (e) {
-        setStatus('Voices error: ' + e.message, 'err');
-      }
-    }
-    async function generateTts() {
-      const payload = {
-        text: textEl.value,
-        voice: voiceEl.value,
-        rate: rateEl.value,
-        volume: volumeEl.value,
-        pitch: pitchEl.value
-      };
-      ttsBtn.disabled = true;
-      downloadBtn.disabled = true;
-      setStatus('Генериране на MP3 ...');
-      try {
-        const res = await fetch(getBaseUrl() + '/tts', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(payload)
-        });
-        if (!res.ok) {
-          const errText = await res.text();
-          throw new Error('HTTP ' + res.status + ' - ' + errText);
-        }
-        const blob = await res.blob();
-        if (currentBlobUrl) URL.revokeObjectURL(currentBlobUrl);
-        currentBlobUrl = URL.createObjectURL(blob);
-        playerEl.src = currentBlobUrl;
-        downloadBtn.disabled = false;
-        setStatus('MP3 е готов. Можеш да го пуснеш от player-а или да го свалиш.', 'ok');
-      } catch (e) {
-        setStatus('TTS error: ' + e.message, 'err');
-      } finally {
-        ttsBtn.disabled = false;
-      }
-    }
-    function downloadMp3() {
-      if (!currentBlobUrl) return;
-      const a = document.createElement('a');
-      a.href = currentBlobUrl;
-      a.download = 'speech.mp3';
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-    }
-    healthBtn.addEventListener('click', checkHealth);
-    voicesBtn.addEventListener('click', getVoices);
-    ttsBtn.addEventListener('click', generateTts);
-    downloadBtn.addEventListener('click', downloadMp3);
-  </script>
-</body>
-</html>