gUM Demo

Adapted getUserMedia demo

by jib1

HTML

<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<video id="v" height="120" width="160" autoplay></video><br>
<button onclick="start()">Start!</button><div id="div"></div>

JavaScript

var constraints = {
  audio: false,
  video: {
    width: { min: 320, max: 480 },
    height: { min: 240, max: 360 },
  },
};

var start = () => navigator.mediaDevices.getUserMedia(constraints)
  .then(stream => v.srcObject = stream)
  .then(() => new Promise(resolve => v.onloadedmetadata = resolve))
  .then(() => log("Success: " + v.videoWidth + "x" + v.videoHeight))
  .catch(log);

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