javascript - 部署站点时，我无权访问 navigator.mediaDevices。我该如何解决？

Question

我目前正在尝试使用 WebRTC api 并让一切在本地运行。当我部署到 surge.sh 时，我无法访问 navigator.mediaDevices 对象。我该如何解决这个问题？

下面这行代码是我遇到问题的地方。

const stream = await navigator.mediaDevices.getDisplayMedia({video: {mediaSource: 'screen'}});

我收到以下错误消息:

TypeError: Cannot read property 'getDisplayMedia' of undefined

Answer 1

你需要 https。

navigator.mediaDevices 现在仅在 Chrome 的 SecureContext 中可用 74 , 火狐 68 ，并在 spec ，这意味着该对象将在不安全的上下文 (http) 中丢失。