使用JavaScript检测和管理浏览器麦克风权限状态

/**
 * 异步检测浏览器麦克风权限的当前状态。
 * @returns {Promise<string>} 返回权限状态字符串 ('granted', 'prompt', 'denied', 'error', 'unknown')。
 */
async function getMicrophonePermissionState() {
    if (!navigator.permissions || !navigator.permissions.query) {
        console.warn('当前浏览器不支持 navigator.permissions API。');
        return 'unsupported';
    }

    try {
        const permissionStatus = await navigator.permissions.query({ name: 'microphone' });

        switch (permissionStatus.state) {
            case 'granted':
                console.log('麦克风权限：已授权。应用可以直接使用麦克风。');
                return 'granted';
            case 'prompt':
                console.log('麦克风权限：待提示。用户尚未做出决定，需要请求。');
                return 'prompt';
            case 'denied':
                console.log('麦克风权限：已拒绝。用户已拒绝或被阻止，无法使用。');
                return 'denied';
            default:
                console.log('麦克风权限：未知状态。');
                return 'unknown';
        }
    } catch (error) {
        console.error('查询麦克风权限时发生错误:', error);
        // 如果权限名称不被支持，也可能抛出错误
        if (error.name === 'NotAllowedError') {
             console.error('权限名称 "microphone" 可能不被当前环境支持或识别。');
        }
        return 'error';
    }
}

// 示例调用及根据状态提供用户反馈
(async () => {
    const state = await getMicrophonePermissionState();

    if (state === 'granted') {
        // 权限已授权，可以开始麦克风相关操作
        console.log("麦克风已准备就绪，可以开始录音或视频通话。");
        // 示例：尝试获取麦克风流
        // try {
        //     const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
        //     console.log("成功获取麦克风流！");
        //     // 在这里处理媒体流
        // } catch (err) {
        //     console.error("获取麦克风流失败:", err);
        // }
    } else if (state === 'prompt') {
        // 权限待提示，引导用户进行授权操作
        console.warn("麦克风权限尚未授权。请点击按钮授权麦克风。");
        // 可以显示一个按钮，点击后调用 navigator.mediaDevices.getUserMedia() 来触发权限请求
        // document.getElementById('requestMicButton').addEventListener('click', async () => {
        //     try {
        //         await navigator.mediaDevices.getUserMedia({ audio: true });
        //         console.log('用户已授权麦克风！');
        //         // 刷新权限状态或继续操作
        //     } catch (err) {
        //         console.error('用户拒绝了麦克风权限请求:', err);
        //     }
        // });
    } else if (state === 'denied') {
        // 权限已拒绝，提示用户手动开启
        console.error("麦克风权限已被拒绝。请前往浏览器设置中手动开启麦克风权限。");
        // 可以提供一个指向浏览器设置的链接或引导
    } else if (state === 'unsupported') {
        console.error("您的浏览器不支持麦克风权限查询功能，请升级浏览器。");
    }
})();

async function requestMicrophonePermission() {
    try {
        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
        console.log('麦克风权限请求成功并获取到媒体流。');
        // 可以在这里停止流，或者将其用于后续操作
        stream.getTracks().forEach(track => track.stop()); // 停止示例流
        return 'granted';
    } catch (err) {
        console.error('麦克风权限请求失败:', err);
        if (err.name === 'NotAllowedError') {
            console.warn('用户拒绝了麦克风权限请求。');
            return 'denied';
        } else if (err.name === 'NotFoundError') {
            console.warn('未找到麦克风设备。');
            return 'no-device';
        }
        return 'error';
    }
}

// 结合权限查询和请求的示例
(async () => {
    const state = await getMicrophonePermissionState();
    if (state === 'prompt') {
        console.log("当前权限为 'prompt'，尝试请求麦克风权限...");
        const requestResult = await requestMicrophonePermission();
        if (requestResult === 'granted') {
            console.log("用户已授权麦克风，可以继续操作。");
        } else {
            console.log("用户未授权麦克风或发生错误。");
        }
    } else if (state === 'denied') {
        console.log("麦克风权限已拒绝，请引导用户手动开启。");
    }
    // ... 其他状态处理
})();