Navigator.getUserMedia 和 Navigator.webkitGetUserMedia 更新到 Chrome 74 后未定义答案

【问题标题】：Navigator.getUserMedia and Navigator.webkitGetUserMedia undefined after updating to Chrome 74Navigator.getUserMedia 和 Navigator.webkitGetUserMedia 更新到 Chrome 74 后未定义
【发布时间】：2019-09-24 02:05:49
【问题描述】：

从 Chrome 73 更新到 74 navigator.getUserMedia 和 navigator.webkitGetUserMedia 后返回 undefined。

在这里https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia 我看到 getUserMedia 实际上已被弃用，取而代之的是 navigator.mediaDevices.getUserMedia()，但在我的情况下 navigator.mediaDevices 也未定义，因此我无法使用它。

有人知道这是最新版本的 Chrome 中的错误还是我需要使用其他东西？

【问题讨论】：

标签： google-chrome webkit

【解决方案1】：

由于 Chrome 的 74 版 navigator.getUserMedia、navigator.webkitGetUserMedia 和 navigator.mediaDevices 只能在安全上下文 (https) 中使用，否则它们是未定义的。

像往常一样，我在写问题时已经理解了问题所在......

【讨论】：

thnx Mauro，我遇到了同样的问题，但我想不通。
不客气，Aida，实际上我很惊讶在 Stackoverflow 上找不到答案 :)
:) 让我感到奇怪的另一件事是：它有时可以工作，虽然我的网站不在安全上下文 (https) 中，但有时'navigator.getUserMedia' 不是未定义的：|跨度>
就我而言，它更容易：在 https 中它总是有效，在 https 中我总是有问题。谜团。
在使用 HTTP 时有什么方法可以让它工作吗？我正在测试我的网络应用程序，因此是 http 模式 ....

【解决方案2】：

我在 chrome 上尝试了一个小设置，结果证明它对我有用。

我启用了：chrome://flags/#unsafely-treat-insecure-origin-as-secure

并提供了我的 HTTP 服务器链接以及端口。

它对我有用。

您可以参考以下内容： 1.https://stackoverflow.com/a/61472984/12906501 2.https://medium.com/@Carmichaelize/enabling-the-microphone-camera-in-chrome-for-local-unsecure-origins-9c90c3149339

希望对你有帮助！！谢谢。

【讨论】：

听起来很危险。

【解决方案3】：

在我的情况下，HTTP 是 navigator.mediaDevices 未定义的原因

使用 HTTPS 按预期工作

【讨论】：