js询问浏览器摄像头等设备授权

Lval

已于 2022-12-02 13:50:37 修改

阅读量1.7k

点赞数 2

文章标签： javascript 前端开发语言

于 2022-12-02 13:47:45 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42215897/article/details/128146710

版权

本文介绍如何使用navigator.mediaDevices.getUserMedia()方法在浏览器中开启摄像头，并提供了关闭摄像头的方法。需要将浏览器网站设置为询问状态才能成功开启。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开启摄像头

注：开启摄像头需要浏览器网站设置为询问状态，如果是拒绝状态则不能开启
在这里插入图片描述

调用方式navigator.mediaDevices.getUserMedia(

const constrains = {
    video: true,
    audio: true
  }
  	navigator.mediaDevices.getUserMedia(constrains)
    .then(stream => {
      console.log('得到stream的类型是MediaStream')
    }).catch(err => {
      console.log(err, 拒绝)
    })

关闭摄像头

var mediaStreamTrack =  stream.getTracks()[0];
mediaStreamTrack.stop();