FS-10285: [verto.js] Device enumeration in Edge #resolve

html5/verto/js/src/jquery.FSRTC.js

@@ -1064,6 +1064,7 @@
 		video: check_video,
 	    },
 	    onsuccess: function(e) {
+
 		e.getTracks().forEach(function(track) {track.stop();});
 		
 		console.info("media perm init complete"); 

html5/verto/js/src/jquery.verto.js

@@ -2665,70 +2665,83 @@
     var checkDevices = function(runtime) {
 	console.info("enumerating devices");
 	var aud_in = [], aud_out = [], vid = [];	
+	var has_video = 0, has_audio = 0;
+	var Xstream;
+
+	function gotDevices(deviceInfos) {
+	      // Handles being called several times to update labels. Preserve values.
+	    for (var i = 0; i !== deviceInfos.length; ++i) {
+		var deviceInfo = deviceInfos[i];
+		var text = "";
+
+		console.log(deviceInfo);
+		console.log(deviceInfo.kind + ": " + deviceInfo.label + " id = " + deviceInfo.deviceId);
+
+		if (deviceInfo.kind === 'audioinput') {
+		    text = deviceInfo.label || 'microphone ' + (aud_in.length + 1);
+		    aud_in.push({id: deviceInfo.deviceId, kind: "audio_in", label: text});
+		} else if (deviceInfo.kind === 'audiooutput') {
+		    text = deviceInfo.label || 'speaker ' + (aud_out.length + 1);
+		    aud_out.push({id: deviceInfo.deviceId, kind: "audio_out", label: text});
+		} else if (deviceInfo.kind === 'videoinput') {
+		    text = deviceInfo.label || 'camera ' + (vid.length + 1);
+		    vid.push({id: deviceInfo.deviceId, kind: "video", label: text});
+		} else {
+		    console.log('Some other kind of source/device: ', deviceInfo);
+		}
+	    }
 
-	if ((!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) && MediaStreamTrack.getSources) {
-	    MediaStreamTrack.getSources(function (media_sources) {
-		for (var i = 0; i < media_sources.length; i++) {
 
-		    if (media_sources[i].kind == 'video') {
-			vid.push(media_sources[i]);
-		    } else {
-			aud_in.push(media_sources[i]);
-		    }
-		}
-		
-		$.verto.videoDevices = vid;
-		$.verto.audioInDevices = aud_in;
-		
-		console.info("Audio Devices", $.verto.audioInDevices);
-		console.info("Video Devices", $.verto.videoDevices);
-		runtime(true);
-	    });
-	} else {
-	    /* of course it's a totally different API CALL with different element names for the same exact thing */
+	    $.verto.videoDevices = vid;
+	    $.verto.audioInDevices = aud_in;
+	    $.verto.audioOutDevices = aud_out;
 	    
-	    if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
-		console.log("enumerateDevices() not supported.");
-		return;
+	    console.info("Audio IN Devices", $.verto.audioInDevices);
+	    console.info("Audio Out Devices", $.verto.audioOutDevices);
+	    console.info("Video Devices", $.verto.videoDevices);
+
+	    if (Xstream) {
+		Xstream.getTracks().forEach(function(track) {track.stop();});
 	    }
 
-	    // List cameras and microphones.
+	    if (runtime) {
+		runtime(true);
+	    }
+	}
 
-	    navigator.mediaDevices.enumerateDevices()
-		.then(function(devices) {
-		    devices.forEach(function(device) {
-			console.log(device);
 
-			console.log(device.kind + ": " + device.label +
-				    " id = " + device.deviceId);
-			
-			if (device.kind === "videoinput") {
-			    vid.push({id: device.deviceId, kind: "video", label: device.label});
-			} else if (device.kind === "audioinput") {
-			    aud_in.push({id: device.deviceId, kind: "audio_in", label: device.label});
-			} else if (device.kind === "audiooutput") {
-			    aud_out.push({id: device.deviceId, kind: "audio_out", label: device.label});
-			}
-		    });
-		    
+	
 
-		    $.verto.videoDevices = vid;
-		    $.verto.audioInDevices = aud_in;
-		    $.verto.audioOutDevices = aud_out;
-		    
-		    console.info("Audio IN Devices", $.verto.audioInDevices);
-		    console.info("Audio Out Devices", $.verto.audioOutDevices);
-		    console.info("Video Devices", $.verto.videoDevices);
-		    runtime(true);
-		    
-		})
-		.catch(function(err) {
-		    console.log(" Device Enumeration ERROR: " + err.name + ": " + err.message);
-		    runtime(false);
-		});
+	function handleError(error) {
+	    console.log('device enumeration error: ', error);
+	    if (runtime) runtime(false);
 	}
 
-    };
+
+	function checkTypes(devs) {
+	    for (var i = 0; i !== devs.length; ++i) {
+
+		if (devs[i].kind === 'audioinput') {
+		    has_audio++;
+		} else if (devs[i].kind === 'videoinput') {
+		    has_video++;
+		}
+	    }
+
+	    navigator.getUserMedia({ audio: (has_audio > 0 ? true : false), video: (has_video > 0 ? true : false)},
+				   function(stream) {
+				       Xstream = stream;
+				       navigator.mediaDevices.enumerateDevices().then(gotDevices).catch(handleError);
+				   },
+				   function(err) {
+				       console.log("The following error occurred: " + err.name);
+				   }
+				  );
+	}
+
+	navigator.mediaDevices.enumerateDevices().then(checkTypes).catch(handleError);
+
+  };
 
     $.verto.refreshDevices = function(runtime) {
 	checkDevices(runtime);

html5/verto/video_demo/verto.js

@@ -1003,6 +1003,8 @@ function pop_select(id, cname, dft, onchange) {
 function refresh_devices()
 {
 
+    $.verto.refreshDevices();
+
     $("#useshare").selectmenu({});
     $("#useshare").selectmenu({});
     $("#usemic").selectmenu({});