转载

MediaDevices.getUserMedia` undefined 的问题

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

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

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

如果想要 HTTP 环境下也能使用和调试 MediaDevices.getUserMedia()，可通过开启 Chrome 的相应参数。

通过相应参数启动 Chrome

传递相应参数来启动 Chrome，以 http://example.com 为例，

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

开启相应 flag

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

  • 打开 chrome://flags/#unsafely-treat-insecure-origin-as-secure
  • 将该 flag 切换成 enable 状态
  • 输入框中填写需要开启的域名，譬如 http://example.com"，多个以逗号分隔。
  • 重启后生效。

相关资源
正文到此结束
所属分类：编程开发
  • 本文标签： 他山之玉
  • 版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
热门推荐
相关文章
说给你听

本文目录
    标签云
    经验 Linux Spring Spring Boot 他山之玉 工具 站长 运维 数字签名 安全 seo java 前端 故障定位 it资讯 http 数据库 行业 面试题 基础知识 设计模式 其他 docker 经济学 大数据 读书笔记 乘风破浪 慢生活 本地宝 代码片段 swing postman 福利
    近期评论
    网站信息
    • 文章总数：966 篇
    • 标签总数：33 个
    • 分类总数：6 个
    • 留言数量：163 条
    • 在线人数：33人
    • 运行天数：2471天
    • 最后更新：2020年11月24日00点