Cannot read property 'getDisplayMedia' of undefined

1,808 阅读1分钟

回想那些年遇到过的bug

通过 navigator.getDisplayMedia 获取用户多媒体权限时,只工作于以下三种环境:

  1. localhost 域
  2. 开启了 HTTPS 的域
  3. 使用 file:/// 协议打开的本地文件

其他情况下,比如在一个 HTTP 站点上,navigator.getDisplayMedia 的值为 undefined。

如何解决 ???

1. 最好还是启用 HTTPS

2. 通过传递相应参数来启动 Chrome

  • 打开 chrome://flags/#unsafely-treat-insecure-origin-as-secure
  • 将该 flag 切换成 enable 状态
  • 输入框中填写需要开启的域名,譬如 "moveon.com",多个以逗号相连
  • 点击右下角 Relaunch 按钮,或者重启后生效