How to find out which microphone device user gave permission to?

AngryHacker_9382 0
Viewed 151

I ask user the permission to use Camera and Microphone:

await navigator.mediaDevices.getUserMedia({ audio: true, video: true });

And in Firefox, I get the following prompt:

enter image description here

Once the user gave the permission, how can I tell which Camera and Microphone was selected? The return value of getUserMedia doesn't provide much info.

getusermedia javascript
1 Answers

Once gUM has given you a stream object do something like this:

async function getAudioDeviceLabel(stream) {
  let audioDeviceLabel = 'unknown'
  const tracks = stream.getAudioTracks()
  if( tracks && tracks.length >= 1 && tracks[0] ) {
    const settings = tracks[0].getSettings()
    const chosenDeviceId = settings.deviceId
    if (chosenDeviceId) {
      let deviceList = await navigator.mediaDevices.enumerateDevices()
      deviceList = deviceList.filter(device => device.deviceId === chosenDeviceId)
      if (deviceList && deviceList.length >= 1) audioDeviceLabel = deviceList[0].label
    }
  }
  return audioDeviceLabel 
}

This gets the deviceId of the audio track of your stream, from its settings. It then looks at the list of enumerated devices to retrieve the label associated with the deviceId.

It is kind of a pain in the xxx neck to get this information.

user_2056080
Related