getUserMedia

getUserMedia

old

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia

new

https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

async function getMedia(constraints) {
  let stream = null;

  try {
    stream = await navigator.mediaDevices.getUserMedia(constraints);
    /* use the stream */
  } catch(err) {
    /* handle the error */
  }
}

navigator.mediaDevices.getUserMedia(constraints)
.then(function(stream) {
  /* use the stream */
})
.catch(function(err) {
  /* handle the error */
})

constraints

https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamConstraints

const constraints = { audio: true, video: true }

const constraints = {
  audio: true,
  video: { width: 1280, height: 720 }
}

const constraints = {
  audio: true,
  video: {
    width: { min: 1280 },
    height: { min: 720 }
  }
}

const constraints = {
  audio: true,
  video: {
    width: { min: 1024, ideal: 1280, max: 1920 },
    height: { min: 776, ideal: 720, max: 1080 }
  }
}

const constraints ={
  audio: true, 
 video: { facingMode: { exact: "environment" } } 
}

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---