在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的问题？的详细内容，更多请关注代码网其它相关文章！