title: DOMException: Could not start audio source
body: <p>I'm writing a React App and I'm using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API" rel="nofollow noreferrer">Web Speech API</a> for both speaking and voice recognition. I've written some code that works on desktop Chrome.
  The way I ask for permission from the user is the following:</p>
  <pre><code> navigator.mediaDevices
    .getUserMedia({ audio: true })
    .then(function (stream) {
          console.log('Succeeded');
          /*Handle success*/
    })
    .catch(function (err) {
          console.log('Failed: ', err)
          /*Handle failure*/
    });
  </code></pre>
  <p>However, this same code always goes to the catch callback when used from my Android phone, with the following written to the console:</p>
  <pre><code>Failed: DOMException: Could not start audio source
  </code></pre>
  <p>The site asks me if I want to allow microphone usage and when I go into the site settings, it says microphone and sound are both allowed, which makes me believe I've done the user interaction part well.
  The site is served over HTTPS (already solved that issue), so I believe this is not an issue as well.</p>
  <p>I'm using Xiaomi Mi 9 with Chrome Chrome 86.0.4240.185 in this test.</p>
  <p>My first instinct is that I'm doing something wrong here? If this is the case, what?
  Otherwise, what can I do to fix this issue?</p>