title: Google chrome DOMException: Permission denied by system for navigator.mediaDevices.getUserMedia
body: <p>It's November of 2019, this JavaScript code works in 
  FireFox (70.0.1 (64-bit)), 
  Safari (13.0.2 (15608.2.30.1.1)), 
  Opera (Version:65.0.3467.48), 
  On a Windows Chrome Version 70.0.3538.77 (64-bit), this code works.
  but NOT in MacOS Google Chrome (Version 78.0.3904.108 (Official Build) (64-bit)):</p>
  
  <pre><code>navigator
  .mediaDevices
  .getUserMedia({video: true, audio: true})
  .then(stream =&gt; {
      console.log("success!")
  })
  .catch(e =&gt; {
      console.log("e: ", e);
  });
  </code></pre>
  
  <p>In Chrome's console, I got: <em>DOMException: Permission denied</em>
  After much googling, I haven't found anything up to date. How exactly do we use JS to request camera access in Chrome?</p>