类型错误。无法读取未定义的'getSupportedConstraints'属性(当服务于主机作为IP地址时)

Question

我面临着一个有线问题，当我在本地主机上运行我的Angularjs应用程序时，它工作得很好，但当我在IP地址上托管它时，它给出了错误的答案。

类型错误。无法读取未定义的'getSupportedConstraints'属性。

这是我的代码

let mediaSourceSupport = !!navigator.mediaDevices.getSupportedConstraints()
    .mediaSource;

当服务于localhost navigator.mediaDevices对象时，我得到的是 http:/prntscr.comqpf32s但当主机在IP地址上时，它给出了undefind

Answer 1

当你在你的生产系统上使用SSL加密运行你的APP时，这个错误将被消除。

基于加密的安全性getUserMedia()方法仅在安全上下文中可用。安全上下文是指浏览器有理由相信包含一个使用HTTPSTLS安全加载的文档，并且对不安全上下文的暴露有限。如果文档不是在安全上下文中加载的，那么navigator.mediaDevices属性是未定义的，这使得对getUserMedia()的访问成为不可能。

https:/developer.mozilla.orgen-USdocsWebAPIMediaDevicesgetUserMedia#Privacy_and_security。