title: Speech recognition with Web Speech API on Chrome Android browser
body: <p>I am developing a Vue web app and using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API" rel="nofollow noreferrer">Web Speech API</a> for voice recognition.
  The recognition on the desktop Chrome browser is alright but the voice recognition on the Android Chrome browser is not up to the mark.
  I am not sure if this is an issue of browser setting or the speech recognition API is not enough mature in the Android Chrome Browser.
  Using the speech to text APIs like Google Cloud, AVS is an option but it has a cost impact. So wanted to check if good voice recognition is possible without using them. Any pointers to how can I increase the accuracy of voice recognition on Android chrome?</p>
  
  <p>Screenshot from Chrome on my laptop:</p>
  
  <p><a href="https://i.stack.imgur.com/kcrCv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kcrCv.png" alt="Chrome desktop"></a></p>
  
  <p>Screenshot from Chrome on Android phone:</p>
  
  <p><a href="https://i.stack.imgur.com/c8cSE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c8cSE.png" alt="Chrome Android"></a></p>
  
  <p>My code for using Web Speech API:</p>
  
  <pre><code>this.recognition = new webkitSpeechRecognition() || new SpeechRecognition();
  this.recognition.interimResults = true;
  this.recognition.lang = this.lang();
  this.recognition.start()
  this.recognition.onresult = (event) =&gt; {
      for (let i = event.resultIndex; i &lt; event.results.length; ++i) {  
          self.query = event.results[i][0].transcript
      }
  }
  this.recognition.onend = () =&gt; {
      this.recognition.stop()
      this.micro = false
      this.submit(this.query) 
  }                
  </code></pre>