enumerateDevices and deviceId

by jib1

HTML

<video id="video" height="120" width="160" autoplay></video><br>
<div id="div"></div>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

JavaScript

var console = { log: msg => div.innerHTML += msg + "<br>" };

(async () => {
  let devices = await navigator.mediaDevices.enumerateDevices();
  let cams = devices.filter(device => device.kind == "videoinput");
  console.log("You have " + cams.length + " camera(s).");
  if (cams.length) {
    video.srcObject = await navigator.mediaDevices.getUserMedia({
      video: {deviceId: {exact: cams[0].deviceId}},
    });
  }
})().catch(e => console.log(e));