get desired fps | WebRTC test

get desired fps | WebRTC test

by Thanos Saringelos

HTML

<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: 1080
    },
    height: {
      min: 1080 
    },
    frameRate: { 
      min: 31
    }
  }
}; 

var start = () => navigator.mediaDevices.getUserMedia(constraints)
  .then(stream => v.srcObject = stream) 
  .catch(log);

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