🔊 Web Speech API — Browser Bolti Hai Aur Sunta Hai

<!-- Speech Synthesis: Browser bolta hai -->
<button onclick="speakText()">🔊 Bolo</button>
<input type="text" id="speakInput" value="Hello Hyderabad!" placeholder="Bolne ka text type karo">

<script>
function speakText() {
  const text = document.getElementById("speakInput").value;
  if (!text) return;

  speechSynthesis.cancel();

  const utterance = new SpeechSynthesisUtterance(text);
  utterance.rate = 1;
  utterance.pitch = 1;
  utterance.volume = 1;
  utterance.lang = "en-IN";

  const voices = speechSynthesis.getVoices();
  const indianVoice = voices.find(v => v.lang === "en-IN");
  if (indianVoice) utterance.voice = indianVoice;

  speechSynthesis.speak(utterance);
}
</script>

<!-- Speech Recognition: Browser sunta hai -->
<button onclick="startListening()">🎤 Sunna Shuru Karo</button>
<button onclick="stopListening()">⏹️ Ruko</button>
<p id="transcript"></p>

<script>
let recognition = null;

function startListening() {
  const SpeechRecognition = window.SpeechRecognition
    || window.webkitSpeechRecognition;

  if (!SpeechRecognition) {
    document.getElementById("transcript").textContent =
      "Speech recognition supported nahi. Chrome ya Edge use karo.";
    return;
  }

  recognition = new SpeechRecognition();
  recognition.lang = "hi-IN";
  recognition.continuous = true;
  recognition.interimResults = true;

  recognition.onresult = (event) => {
    let finalTranscript = "";
    for (const result of event.results) {
      if (result.isFinal) {
        finalTranscript += result[0].transcript;
      }
    }
    document.getElementById("transcript").textContent =
      finalTranscript || "Sun raha hai...";
  };

  recognition.onerror = (event) => {
    const errors = {
      "no-speech": "Awaaz nahi mili. Dobara try karo.",
      "audio-capture": "Microphone nahi mila.",
      "not-allowed": "Microphone permission denied.",
    };
    document.getElementById("transcript").textContent =
      errors[event.error] || `Error: ${event.error}`;
  };

  recognition.start();
}

function stopListening() {
  if (recognition) recognition.stop();
}
</script>