enumerateDevices 2

test

by munrochiang

HTML

<video id="v" height="30" autoplay></video><br>
<button onclick="list()">Enumerate!</button>
<button onclick="gum()">gUM!</button>
<button onclick="stop()">Stop!</button>
<div id="div"><br></div>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

JavaScript

var log = msg => div.innerHTML += msg + "<br>";

var gum = () => navigator.mediaDevices.getUserMedia({ video:true, audio:true })
  .then(stream => v.srcObject = stream)
  .catch(log);

var stop = () => {
  v.srcObject.getTracks().forEach(track => track.stop());
  v.srcObject = null;
};

var list = () => navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    log(devices.length + " devices.");
    devices.forEach(d => log(d.kind + ": " +
      d.label + " id=" + d.deviceId + " group=" + d.groupId));
  })
  .catch(log);

navigator.mediaDevices.ondevicechange = () => log("device change!");