部署站点后，我无权访问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仅在SecureContext中现在在Chrome 74，Firefox 68和spec中可用，这意味着该对象将在不安全的上下文中丢失（http ）。