在HTTP页面中如何解决navigator.mediaDevices返回undefined的问题？

H5应用HTTP环境下媒体设备访问问题及解决方案

部署H5应用时，特别是使用navigator.mediaDevices获取视频媒体资源时，经常会在HTTP页面遇到返回undefined的情况。即使iframe使用了HTTPS协议，根页面为HTTP仍然会导致权限问题。

例如，根页面为HTTP，内嵌iframe为HTTPS， iframe内仍然无法访问navigator.mediaDevices。 如何解决呢？

一个行之有效的方法是修改谷歌浏览器安全策略：

1. 在浏览器地址栏输入chrome://flags/#unsafely-treat-insecure-origin-as-secure，打开Chrome实验特性页面。
2. 找到“Insecure origins treated as secure”选项（通常高亮显示）。
3. 将该选项设置为“已启用”，并在文本框中输入你的HTTP域名。
4. 重启浏览器使配置生效。

此方法已在实际应用中验证有效，可解决HTTP页面下navigator.mediaDevices权限问题。 请注意，此方法修改了浏览器安全设置，仅在测试或特定开发环境下使用，生产环境请谨慎操作，并优先考虑HTTPS部署以确保安全性。

以上是在HTTP页面中如何解决navigator.mediaDevices返回undefined的问题？的详细内容。更多信息请关注PHP中文网其他相关文章！