前端本地开发调用摄像头

调用摄像头

调用摄像头需要满足三个条件的中的一个

  1. 使用localhost打开
  2. 使用 https://
  3. 使用 file://
    demo如下

    const container = { video: { width: 500, height: 500, facingMode: 'environment' } };
    getUserMedia(container).then(function(stream) {

     // 消费stream

    })

本地开发兼容

除此之外 还可以通过修改Chrome的安全策略flag,从而达到访问摄像头的目的。
chrome://flags/#unsafely-treat-insecure-origin-as-secure

无标签