title: Is there a way to detect the browser permissions(Specifically Camera and Mic) in javascript without prompting for the said Permissions?
body: <p>My intention is to show the user proper message depending upon on the browser permissions of the user ie. if the permission is not already given show something like &quot;allow access&quot;, if the permission is already provided, then show no user feedback at all.</p>
  <p>But with navigator.mediaDevices.getUserMedia(), only depending upon the success or failure of the promise, I can know the status. This results in showing the message(Allow access message) for tiny bit of time, which is not great.</p>
  <pre><code>message.info(&quot;Please allow access&quot;);
  navigator.mediaDevices.getUserMedia(constraints).then((stream)=&gt; {
    console.log(&quot;received accesss&quot;);
  }).catch(err =&gt; console.log(err));
  </code></pre>
  <p>BTW, i'm using React but the problem is same for any Library. Also, the navigators.permissions API is still experimental and not supported in Safari, hence need a cross browser way to resolve this. Thanks in advance.</p>