浏览器判断麦克风和摄像头权限

方法:

 getAudioVideo(constraintsData){
      if (navigator.mediaDevices === undefined) {
              navigator.mediaDevices = {};
            }
            if (navigator.mediaDevices.getUserMedia === undefined) {
               navigator.mediaDevices.getUserMedia = function(constraints) {
                // 首先,如果有getUserMedia的话,就获得它
                var getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||  navigator.mozGetUserMedia ||navigator.msGetUserMedia;
                // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
                if (!getUserMedia) {
                  return Promise.reject({code:404});
                }

                // 否则,为老的navigator.getUserMedia方法包裹一个Promise
               
                return new Promise(function(resolve, reject) {
                  getUserMedia.call(navigator, constraints, resolve, reject);
                });
              }
            }
            return navigator.mediaDevices.getUserMedia(constraintsData)
    },

使用:

      getAudioVideo({audio:true,video:true}).then(res=>{
                console.log('已点击允许,开启成功');
          }).catch(err=>{
            if(err.code && err.code==404){
                  console.log('浏览器不支持,请更换浏览器')
            }else{
                  console.log('请检查是否存在摄像头或麦克风')
            }
        })

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值