如何重置React+Tauri视频聊天应用的摄像头与麦克风权限？

核心结论 #

无法通过JavaScript直接重置系统级权限——媒体权限是由操作系统管理的系统级设置，前端JS没有权限修改这些配置，所以没法用代码直接重置。

各系统手动重置权限的方法 #

• Windows
  • 打开「设置」→「隐私和安全性」→「相机」/「麦克风」
  • 在「允许应用访问相机/麦克风」列表中找到你的Tauri应用，开启对应权限
• macOS
  • 打开「系统设置」→「隐私与安全性」→「相机」/「麦克风」
  • 找到你的应用，勾选对应的权限选项
• Linux（以Ubuntu为例）
  • 打开「设置」→「隐私」→「相机」/「麦克风」
  • 找到应用并启用权限；若使用Flatpak打包，可通过终端命令调整：flatpak override --user --device=all com.your-app-id（替换为你的应用ID）

应用层面优化建议 #

在调用媒体流前先检查权限状态，给用户明确引导，避免无提示报错：

const defaultConstraint = {
  audio: true,
  video: true,
};

export const getLocalPreview = async () => {
  // 检查摄像头、麦克风权限状态
  const videoPermission = await navigator.permissions.query({ name: 'camera' });
  const audioPermission = await navigator.permissions.query({ name: 'microphone' });

  if (videoPermission.state === 'denied' || audioPermission.state === 'denied') {
    alert('摄像头/麦克风权限已被拒绝，请前往系统设置开启权限后重试');
    throw new Error('Permission denied');
  }

  try {
    const stream = await navigator.mediaDevices.getUserMedia(defaultConstraint);
    return stream;
  } catch (err) {
    console.error('获取媒体流失败:', err);
    throw err;
  }
};

同时确保tauri.conf.json中已声明相关权限：

"tauri": {
  "permissions": {
    "media": {
      "all": true,
      "camera": true,
      "microphone": true
    }
  }
}

补充说明 #

重启应用或删除src-tauri文件夹无效，因为权限配置存储在操作系统中，和应用本地文件无关。

内容的提问来源于stack exchange，提问作者tedGuy