title: Why isn't reponsivevoice or google speech api working with my JavaScript
body: <p>I've asked this question a lot and haven't gotten a good answer, so please help me. </p>
  
  <p>I'm currently working on a chatbot which works perfectly fine, the only thing that is wrong with it is that I want to change the accent to an Indian Male one, but the default is US Male.   </p>
  
  <p>I tried using HTML lang = 'en-IN' (it was in tags when inserted), but that didn't work so I tried putting recognition.lang = 'en-IN' after const recognition, but that didn't work either. My final try was using responisvevoice.org, that was easy.   I just copied the link they had given me and pasted it but that also didn't work! I was sure that just pasting the link they had given me wouldn't magically change the accent of my chatbot, so I added a function called speech which I thought would make it work but nope.  </p>
  
  <p>I would be very grateful to anyone who gives me a good answer on how to change the default US Male accent to an Engish Indian Male accent.   </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const btn = document.querySelector('.talk');
  const content = document.querySelector('.content');
  const greetings = [
    'If you are good im good too.',
    'Im doin alright',
    'doing well.'
  ];
  const weather = [
    'Ask the weatherman!',
    'I recommend checking your phone or the news '
  
  ];
  const name = [
    'My name is techwaala',
    'its techwaala, because I love to code!'
  ];
  const hello = [
    'Why hello! How are you doing today?',
    'Hey there How are you?'
  ];
  const hru = [
    'Happy to hear that!',
    'Im so sorry to hear that',
    'Feel better soon!'
  ];
  const SpeechRecognition =
    window.SpeechRecognition || window.webkitSpeechRecognition;
  const recognition = new SpeechRecognition();
  
  recognition.onstart = function() {
    console.log('voice is activated speak into the mic');
  };
  recognition.onresult = function(event) {
    const current = event.resultIndex;
  
    const transcript = event.results[current][0].transcript;
    content.textContent = transcript;
    readOutLoud(transcript);
  }
  
  btn.addEventListener('click', () =&gt; {
    recognition.start();
  });
  
  function readOutLoud(message) {
  
    const speech = new SpeechSynthesisUtterance();
    speech.text = 'I dont know what you said';
    if (message.includes('how are you')) {
  const finalText =
    greetings[Math.floor(Math.random() * greetings.length)];
  speech.text = finalText;
  
    }
    if (['hey', 'hi', 'hello', 'hi there', 'hey there', 'hi techwala', 'hey techwala', 'hello techwala']
  .some(word =&gt; message.includes(word))) {
  const finalText = hello[Math.floor(Math.random() * hello.length)];
  speech.text = finalText;
  
    }
    if (['whats your name', 'your name']
  .some(word =&gt; message.includes(word))) {
  const finalText = name[Math.floor(Math.random() * name.length)];
  speech.text = finalText;
    }
    if (['how\'s the weather', 'what\'s the weather like', 'is it sunny', 'is it raining', 'is it cloudy', 'is it snowing', 'what\'s the weather']
  .some(word =&gt; message.includes(word))) {
  const finalText = weather[Math.floor(Math.random() * weather.length)];
  speech.text = finalText;
    }
    if (['I/m doing good', 'doing good', 'I\'m doing well', 'same old', 'I\'m fine']
  .some(word =&gt; message.includes(word))) {
  const finalText = hru[0];
  speech.text = finalText;
    } else if (['I/m doing bad', 'not good', 'I\'m not good', 'feeling sick', 'I\'m sick', 'feeling blue', 'feeling bad', 'I\'m upset', 'not good', 'I\'m angry']
  .some(word =&gt; message.includes(word))) {
  const finalText = hru[1];
  speech.text = finalText;
    }
    speech.volume = 1;
    speech.rate = 1;
    speech.pitch = 1;
    window.speechSynthesis.speak(speech);
  
  }
  
  function speak() {
    responsiveVoice.speak(readOutLoud);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Page Title&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;button class="talk"&gt;Talk&lt;/button&gt;
      &lt;h3 class="content"&gt;&lt;/h3&gt;
      &lt;script src="https://code.responsivevoice.org/responsivevoice.js?key=RKLGFBGJ"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>