当前位置：首页 > article >正文

navigator.mediaDevices.getUserMedia获取本地音频/麦克权限并提示用户

article 2024/11/19 22:29:02

navigator.mediaDevices.getUserMedia获取本地音频/麦克权限并提示用户

- 效果
- - 获取权限
  - NotFoundError
  - NotAllowedError
- 代码

效果

获取权限

在这里插入图片描述

NotFoundError

在这里插入图片描述

NotAllowedError

在这里插入图片描述

代码

// 调用	
captureLocalMedia()

// 方法
function captureLocalMedia() {
  console.warn('Requesting local video & audio');
  navigator.mediaDevices
  .getUserMedia(constraints)
  .then(function (stream) {
    console.warn(stream)
    console.warn('Received local media stream');
    // connect local audio
    // console.warn(stream)
    // localStream = stream;
    // try {
    //   audio.srcObject = null // stream;
    // } catch (error) {
    //   console.warn(error)
    //   audio.src = window.URL.createObjectURL(stream);
    // }
  })
  .catch(function (err) {
    if (err.name === 'NotFoundError') {
     alert('浏览器无法获取音频设备，请检查电脑的麦克风是否可用')
     } else if (err.name === 'NotAllowedError') {
       alert('浏览器未检测到音频设备，请在浏览器设置中打开访问权限，打开后才可正常通话')
     } else {
       alert('未知，请检查设备是否正常')
     }
    console.log(err)
    console.log(err.name + ": " + err.message);
  });
}