做webRtc实时音视频的时候绕不开媒体权限获取,重新梳理细化了一下获取媒体权限的所有场景下的错误;几乎覆盖了所有场景, 可以放心拿去使用;
音频调用
navigator.mediaDevices.getUserMedia({audio: true}).then((locStream) => {
// 成功
}).catch((error) => {
// 失败
handleGetDevicePermissError(error.message, 1)
})
音视频调用
navigator.mediaDevices.getUserMedia({audio: true, video: true}).then((locStream) => {
// 成功
}).catch((error) => {
// 失败
handleGetDevicePermissError(error.message, 2)
})
错误消息返回处理
/**
* 处理音视频权限错误
* mediaType: 1_音频; 2_视频;
*/
function handleGetDevicePermissError(cause: string, mediaType: number) {
let message = mediaType === 1 ? '麦克风启动失败' : '摄像头启动失败';
if (cause === 'Permission denied') {
message = '媒体采集权限被拒绝';
} else if (cause === 'Requested device not found') {
/*
* {audio: true} 时,是没有检测到麦克风,麦克风不可用
* {video: true} 时,是没有检测到摄像头,摄像头不可用
* {audio: true, video: true} 时,错误是公用的,无法直接判断是麦克风还是摄像头
*/
// 拔掉麦克风或没有麦克风;没有摄像头;
message = '未检测到设备';
} else if (cause === 'Could not start video source') {
// 拔掉摄像头或被其它应用占用
message = '摄像头启动失败,可能被其它应用占用或被拔出';
};
return {code: 0, cause, message};
}