tts_simple.html (codi) | Beseit i una mica de xirigol

Prova TTS Català
Conversor de text a veu (Català)

<!DOCTYPE html>
<html lang="ca">
<head>
  <meta charset="UTF-8">
  <title>Prova TTS Català</title>
  <style>
    body { font-family: sans-serif; padding: 2em; background: #f0f0f0; }
    textarea { width: 100%; max-width: 600px; height: 150px; font-size: 1.2em; }
    button { font-size: 1.2em; margin-top: 1em; }
  </style>
</head>
<body>
  <h2>Conversor de text a veu (Català)</h2>
  <textarea id="text" placeholder="Escriu el text que vols escoltar...">Bon dia! Com estàs?</textarea><br>
  <button onclick="speak()">Escolta</button>

  <script>
    function speak() {
      const text = document.getElementById('text').value;
      const utterance = new SpeechSynthesisUtterance(text);
      const voices = speechSynthesis.getVoices();
      const catala = voices.find(v => v.lang === 'ca-ES');

      if (catala) {
        utterance.voice = catala;
        utterance.lang = 'ca-ES';
      } else {
        alert("⚠️ No s'ha trobat cap veu catalana disponible.");
      }

      speechSynthesis.speak(utterance);
    }

    // Carrega les veus (pot trigar una mica)
    window.speechSynthesis.onvoiceschanged = () => {};
  </script>
</body>
</html>