getUserMedia所有错误拦截

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

做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};
}
  • 8
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
getUserMedia是一个Web API,用于在浏览器中访问用户的媒体设备,例如摄像头和麦克风。通过getUserMedia,您可以使用JavaScript代码从用户的设备中获取音频、视频或者音视频流。 要使用getUserMedia录制音频,您可以按照以下步骤进行操作: 1. 获取用户媒体设备的许可:首先,您需要请求用户的许可来访问其麦克风。您可以使用`navigator.mediaDevices.getUserMedia`方法来请求许可,并指定要获取的媒体类型为音频。示例代码如下: ```javascript navigator.mediaDevices.getUserMedia({ audio: true }) .then(function(stream) { // 许可已获得,可以开始录制音频 }) .catch(function(error) { // 发生错误,无法访问用户的麦克风 }); ``` 2. 录制音频:一旦用户授予了访问麦克风的许可,您将获得一个媒体流对象。您可以使用这个流对象来录制音频。示例代码如下: ```javascript navigator.mediaDevices.getUserMedia({ audio: true }) .then(function(stream) { const mediaRecorder = new MediaRecorder(stream); // 开始录制音频 mediaRecorder.start(); // 在录制过程中,可以监听dataavailable事件来获取录制的音频数据 mediaRecorder.addEventListener('dataavailable', function(event) { const audioData = event.data; // 处理音频数据 }); // 在录制完成后,可以监听stop事件来停止录制 mediaRecorder.addEventListener('stop', function() { // 录制已停止 }); }) .catch(function(error) { // 发生错误,无法访问用户的麦克风 }); ``` 3. 停止录制:当您想要停止录制音频时,可以调用`mediaRecorder.stop()`方法。停止录制后,将触发`stop`事件。 这就是使用getUserMedia录制音频的基本步骤。您可以根据需要进行进一步的处理和操作,例如保存录制的音频文件或进行实时处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值