getUserMedia所有错误拦截

最新推荐文章于 2025-03-11 22:04:13 发布

web前端进阶者

最新推荐文章于 2025-03-11 22:04:13 发布

阅读量1.2k

点赞数 9

分类专栏： WebRtc 文章标签： javascript 前端 webrtc

本文链接：https://blog.csdn.net/u014708123/article/details/137498838

版权

WebRtc 专栏收录该内容

13 篇文章

订阅专栏

本文详细描述了在WebRTC应用中获取音频和视频权限时可能出现的错误情况，包括错误消息解析，以及如何针对不同错误类型提供处理策略，确保开发者能有效应对各种设备兼容问题。

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

做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};
}