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

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

您需要https

navigator.mediaDevices

现在仅在Chrome和spec.Ahhh中的SecureContext中可用。非常感谢。我读过类似的文章，不清楚解决方案是什么。很高兴它解决了你的问题。添加它作为答案。