JSFiddle - React, Tailwind, and code Playground

JavaScript

navigator.mediaDevices.getUserMedia({audio:true, video:true})
	.then((stream) => {
  	const audioTrack = stream.getAudioTracks()[0];
    const videoTrack = stream.getVideoTracks()[0];
    window.VV = videoTrack;
    
    console.log('audioTrack.getSettings().deviceId: "%s"', audioTrack.getSettings().deviceId);
    console.log('videoTrack.getSettings().deviceId: "%s"', videoTrack.getSettings().deviceId);
  })
  .then(() => {
  	return navigator.mediaDevices.enumerateDevices();
  })
  .then((infos) => {
  	for (let info of infos) {
    	console.log('device: [deviceId:"%s", kind:%s, label:"%s"]',
      	info.deviceId, info.kind, info.label);
    }
  });