javascript - navigator.mediaDevices 未定义

Question

因此，我制作了一个 WebRTC 屏幕共享应用程序作为 Chrome 远程桌面和其他常见远程桌面/游戏流服务的自托管替代方案。

我的困境不是navigator.mediaDevices undefinded .每当我通过 启动应用程序时file:/// 计划它完美地工作；与 相同https:// 如 Mozilla 的文档中所述。但问题是我不想托管它，因为它有一些主要的安全问题( s )。那么我将如何在 192.168.XXX.XXXX 上托管它？没有它给出错误？ (我想将它托管在我的本地网络上，以便我可以在其他移动设备上对其进行测试。)

Answer 1

具有 getUserMedia 等功能的 API , getDisplayMedia和 enumerateDevices需要 secure context ，从 http: 访问这些起源已removed in Chrome back in 2019
对于开发，最简单的解决方案可能是创建自签名证书。
- 更新 -
对于开发来说，最简单的解决方案是从 localhost 运行，因为这被认为是安全的 - 请参阅 https://blog.mozilla.org/webrtc/camera-microphone-require-https-in-firefox-68/和 https://w3c.github.io/webappsec-secure-contexts/#localhost
评论来自:Vlad Dinulescu