javascript - navigator.mediaDevices.getUserMedia 不工作，webkitGetUserMedia 也不工作

Question

我一直在使用 webkitGetUserMedia 方法(getUserMedia 通过 adapter.js)在我的网络应用程序上获取用于 webRTC 的摄像头和 microhpone。我的服务器不安全(没有 SSL 证书)。一切正常，直到我开始收到一条错误消息:“getUserMedia() 不再适用于不安全的来源。要使用此功能，您应该考虑将应用程序切换到安全的来源，例如 HTTPS。有关更多详细信息，请参阅 https://goo.gl/rStTGz ”

我用谷歌搜索，发现现在在 Chrome 中我需要使用 navigator.mediaDevices.getUserMedia()。我使用的是 Chrome 47.0.2526.80 m，在此页面上 https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia它说这个版本应该支持这个方法。但是，当我调用 navigator.mediaDevices.getUserMedia 时，我得到了未定义。所以现在我不能在 Chrome 中使用任何一种方法。

谁能帮我解决这个问题。谢谢

Answer 1

根据新的 chrome 更新(来自 Google Chrome 47)，chrome 浏览器不再支持通过 http://(不安全来源)的 getUserMedia()，它将在 https://(安全来源)上运行

出于开发目的，

1.localhost 被视为 HTTP 上的安全来源，因此如果您能够从 localhost 运行您的服务器，您应该能够在该服务器上测试该功能。

2.您可以使用 --unsafely-treat-insecure-origin-as-secure="http://example.com" 标志运行 chrome(将“example.com”替换为您实际想要测试的来源)，这将把该来源视为本次 session 的安全来源。请注意，您还需要包含 --user-data-dir=/test/only/profile/dir 以创建一个新的测试配置文件以使该标志起作用。

引用:https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins