本地Crossbar托管HTTP应用无法访问摄像头的问题求助

核心原因 #

现代浏览器出于安全考量，仅允许安全上下文（HTTPS协议，或localhost/127.0.0.1这类本地回环地址的HTTP协议）访问navigator.mediaDevices API（即摄像头、麦克风等媒体设备权限）。你用IP地址通过HTTP访问Crossbar托管的应用时，属于非安全上下文，浏览器会直接屏蔽该API，导致undefined报错；而localhost是浏览器默认豁免的HTTP安全上下文，因此IIS部署时用localhost能正常运行。

可行解决方案 #

1. 给Crossbar配置HTTPS（推荐生产环境）

将Crossbar切换为HTTPS服务，此时任何访问方式（IP/域名）都属于安全上下文，可正常调用摄像头API。配置步骤如下：

• 生成SSL证书（测试可用自签证书，生产建议使用正规CA签发的证书）
• 修改Crossbar的配置文件（通常为config.json），添加TLS监听配置：

  {
    "workers": [
      {
        "type": "web",
        "options": {
          "listeners": [
            {
              "type": "tcp",
              "port": 8079,
              "tls": {
                "certificate": "/path/to/your/cert.pem",
                "key": "/path/to/your/private-key.pem"
              }
            }
          ]
        }
      }
    ]
  }
  

• 重启Crossbar服务，之后用https://<ip_address>:8079访问应用即可。

2. 临时放宽浏览器安全限制（仅用于测试，禁止生产）

如果只是本地测试需求，可让浏览器将你的IP地址视为安全上下文：

• Chrome/Edge：关闭浏览器后，通过命令行启动并添加参数：

  chrome.exe --unsafely-treat-insecure-origin-as-secure="http://<你的IP>:8079"
  

• Firefox：在地址栏输入about:config，找到以下两个配置项并设为true：
  • media.devices.insecure.enabled
  • media.getusermedia.insecure.enabled

3. 继续使用localhost访问

若仅用于本地开发，保持用http://localhost:8079访问Crossbar托管的应用即可，无需额外配置，浏览器会正常授权媒体设备权限。

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