Skip to main content

排除麦克风访问问题

确保您的应用程序拥有正确的麦克风访问权限,对于依赖音频输入的功能至关重要。本指南涵盖了如何管理和排查麦克风权限问题,特别是在安全上下文环境下。

理解安全上下文 🔒

出于安全原因,访问麦克风被限制在通过 HTTPS 提供服务的页面,或从 localhost 本地提供的页面。这一要求旨在通过确保数据在安全通道上传输来保护您的数据。

常见权限问题 🚫

Chrome、Brave、Microsoft Edge、Opera 和 Vivaldi 等浏览器,以及 Firefox,都会限制在非 HTTPS URL 上访问麦克风。这通常在从同一网络内的另一台设备访问网站时(例如,使用手机访问桌面服务器)成为问题。以下是您可以管理这些问题的方法:

非 HTTPS 连接的解决方案

  1. 设置 HTTPS:

    • 强烈建议配置您的服务器以支持 HTTPS。这不仅解决了权限问题,还增强了数据传输的安全性。
  2. 临时浏览器标志(请谨慎使用):

    • 这些设置会强制您的浏览器将某些不安全的 URL 视为安全。这对于开发目的是有用的,但会带来重大的安全风险。以下是如何为主要浏览器调整这些设置:

    Chromium 系浏览器(例如 Chrome、Brave)

    • 打开 chrome://flags/#unsafely-treat-insecure-origin-as-secure
    • 输入您的非 HTTPS 地址(例如 http://192.168.1.35:3000)。
    • 重启浏览器以应用更改。

    Firefox 系浏览器

    • 打开 about:config
    • 搜索并修改(或创建)字符串值 dom.securecontext.allowlist
    • 添加您的 IP 地址,用逗号分隔(例如 http://127.0.0.1:8080)。

注意事项与风险 🚨

虽然浏览器标志提供了快速修复方案,但它们绕过了重要的安全检查,可能会使您的设备和数据面临漏洞风险。请始终优先考虑适当的安全措施,尤其是在计划生产环境时。

通过遵循这些最佳实践,您可以确保应用程序能够正确访问麦克风,同时维护数据的安全性和完整性。