title: webrtc: mediaDevices.enumerateDevices() returns empty deviceId
body: <p>I'm currently exploring webRTC and what I want to do is to get all the mediadevices info along with deviceId using <code>navigator.mediaDevices.enumerateDevices();</code> and then separate it out according to its kind attribute and allow user to choose which media device to use for specific kind. Like Show a dropdowm of cameras found and allow user to choose which camera to use which is why i need deviceId of each device.</p>
  <p>This is code I'm currently using to get mediadevices:</p>
  <pre><code> const getConnectedDevices = async (type, callback) =&gt; {
    const mediaDevices = await navigator.mediaDevices.enumerateDevices();
    console.log(mediaDevices);
    callback(mediaDevices.filter((device) =&gt; device.kind === type));
  };
  </code></pre>
  <p>And this is what I got back as output:</p>
  <pre><code>[
      { 
        deviceId: &quot;&quot;
        groupId: &quot;51081772b5c5df2dbcb2ca2b8ae36c5d693d816f8d4bf4039cdb15802b7ffc54&quot;
        kind: &quot;audioinput&quot;
        label: &quot;&quot;
      },
      {
        deviceId: &quot;&quot;
        groupId: &quot;2e7a46f912e66fea3b6af4822e427c02a7725c39d86194dccdf5b7993293d7da&quot;
        kind: &quot;videoinput&quot;
        label: &quot;&quot;
      },
      {
       deviceId: &quot;&quot;
       groupId: &quot;51081772b5c5df2dbcb2ca2b8ae36c5d693d816f8d4bf4039cdb15802b7ffc54&quot;
       kind: &quot;audiooutput&quot;
       label: &quot;&quot;
      }
  ]
  </code></pre>
  <p>getting a empty deviceId all the time.
  I also tried calling <code>await navigator.mediaDevices.getUserMedia( {video: true,audio: true,})</code> before <code>await navigator.mediaDevices.enumerateDevices()</code> but still got same result.</p>