如何仅请求MediaDevices.getUserMedia麦克风权限且不触发标签红点？

浏览器标签上的红点是**当麦克风/摄像头处于活跃使用状态（即MediaStream轨道在运行）**时才会显示的。由于浏览器的权限系统与媒体流请求绑定，你无法直接单独请求权限而不创建临时流，但可以通过「创建流后立即关闭」的方式实现仅获取权限、不持续占用麦克风（也就不会保留红点）的效果：

具体实现步骤 #

1. 调用getUserMedia({ audio: true })发起麦克风权限请求，用户授权后会创建临时的MediaStream；
2. 一旦获取到流，立刻遍历所有轨道并调用stop()方法关闭，终止媒体设备的使用。

代码示例 #

async function requestMicPermission() {
  try {
    // 请求麦克风权限并创建临时流
    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
    // 立即关闭所有音频轨道，停止占用麦克风
    stream.getTracks().forEach(track => track.stop());
    console.log("麦克风权限已成功获取，未持续占用设备");
  } catch (error) {
    console.error("麦克风权限请求失败:", error);
  }
}

// 执行权限请求
requestMicPermission();

注意事项 #

• 部分浏览器可能在流创建的瞬间短暂显示红点，但轨道关闭后会立即消失，用户几乎不会察觉；
• 权限会被浏览器持久化保存，后续再次调用getUserMedia({ audio: true })时，只要用户之前允许过，就不会再弹出权限提示，可直接创建流使用。

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