remove getSources usage

fixes #25. Also drive-by description fix on the index page

Author: fippo

index.html

@@ -66,9 +66,9 @@ <h1>WebRTC test pages</h1>
 
       <p><a href="src/multiple-peerconnections/">Multiple peer connections</a></p>
 
-      <p><a href="src/multiple-video/">Multiple video devices</a></p>
+      <p><a href="src/multiple-video/">Multiple video streams</a></p>
 
-      <p><a href="src/multiple-video-devices/">Multiple video streams</a></p>
+      <p><a href="src/multiple-video-devices/">Multiple video devices</a></p>
 
       <p><a href="src/pause-play/">Randomly pause and play</a></p>
 

src/multiple-video-devices/js/main.js

@@ -16,23 +16,19 @@ window.onload = function() {
 };
 
 function getSources_() {
-  if (typeof MediaStreamTrack.getSources === 'undefined') {
-    alert('Your browser does not support getSources, aborting.');
-    return;
-  }
-  MediaStreamTrack.getSources(function(devices) {
+  navigator.mediaDevices.enumerateDevices().then(function(devices) {
     for (var i = 0; i < devices.length; i++) {
-      if (devices[i].kind === 'video') {
+      if (devices[i].kind === 'videoinput') {
         deviceList[i] = devices[i];
-        requestVideo_(deviceList[i].id);
+        requestVideo_(deviceList[i].deviceId);
       }
     }
   });
 }
 
 function requestVideo_(id) {
   navigator.mediaDevices.getUserMedia({
-    video: {optional: [{sourceId: id}]},
+    video: {deviceId: {exact: id}},
     audio: false}).then(
     function(stream) {
       getUserMediaOkCallback_(stream);