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

我目前正在尝试使用WebRTC api，并使所有内容都在本地运行。
当我部署到surge.sh时，我将失去对navigator.mediaDevices对象的访问权限。我该如何解决？

下面的代码行是我遇到麻烦的地方。

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

我收到以下错误消息：

TypeError: Cannot read property 'getDisplayMedia' of undefined

最佳答案

您需要https。

navigator.mediaDevices仅现在在SecureContext中的Chrome 74，Firefox 68和spec中可用，这意味着在不安全的上下文（http）中将丢失该对象。