通过 MediaDevices.getUserMedia() 获取用户多媒体权限时,需要注意其只工作于以下三种环境:

1.1 localhost 域
开启了 HTTPS 的域
使用 file:/// 协议打开的本地文件

其他情况下,比如在一个 HTTP 站点上,navigator.mediaDevices 的值为 undefined。
如果想要 HTTP 环境下也能使用和调试 MediaDevices.getUserMedia(),可通过开启 Chrome 的相应参数。可以使用如下两种方式中的一种:

2.1 通过相应的参数启动 Chrome
传递相应参数来启动 Chrome,以 http://example.com 为例,
鼠标右击浏览器快捷方式 => 选择属性 => 修改启动参数的值,在最后加入:

  --unsafely-treat-insecure-origin-as-secure="http://example.com"

2.2 开启相应 flag
通过传递相应参数来启动 Chrome Insecure origins treated as secure flag 并填入相应白名单。

打开 chrome://flags/#unsafely-treat-insecure-origin-as-secure
将该 flag 切换成 enable 状态

输入框中填写需要开启的域名,譬如 http://example.com,多个以逗号分隔。重启后生效。

标签: none

添加新评论