我正在使用react-webcam来为应用程序拍摄自拍照片。在本地主机上，react-webcam可以完美运行，但是在HTTP托管的Web服务器上，默认情况下Chrome会拒绝访问相机。是否有解决摄像头访问问题的方法或其他npm插件可以在此处发挥作用。
注意：支持HTTPS的网站允许访问相机和麦克风。在这里，我只能选择HTTP。
注意：支持HTTPS的网站允许访问相机和麦克风。在这里，我只能选择HTTP。
2个回答
9
如果您正在使用它作为开发环境，并想在手机上测试，则可以执行以下操作：
- 转到: chrome://flags/#unsafely-treat-insecure-origin-as-secure
- 启用"不安全源视为安全"
- 添加要忽略此策略的地址
- 重新启动Chrome浏览器
- Devansh Rathi
2
1找到这个花了很长时间。默认情况下，localhost是https，但是如果您要在两台设备上测试socket.io或其他技术，则如果您不想设置ssl，则这是必需的。 - Luke Vanzweden
1这个在iOS的Chrome应用上已经不再可用了。 - Khris Vandal
4
react-webcam使用getUserMedia API，其规范声明如下：specification：
当在不安全的源[Mixed-Content]上时，用户代理被鼓励在其开发人员工具、错误日志等中警告关于navigator.mediaDevices.getUserMedia、navigator.getUserMedia和任何前缀变体的使用。它明确允许用户代理在不安全的源上完全删除这些API，只要他们一次性删除所有API（例如，他们不应该仅在不安全的源上留下前缀版本）。
从Chrome 47开始实施了此安全策略（来源）：
因此，没有安全连接，您无法访问麦克风或摄像头。从Chrome 47开始，只有来自安全源（HTTPS或本地主机）的getUserMedia()请求才被允许。
- Marco
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 8 使用虚拟摄像头和真实麦克风运行Chromium
- 3 如何在Chrome OS或Chrome扩展程序的打包应用中启用摄像头和麦克风？
- 3 在iOS 12上，在Firefox和Chrome中访问麦克风
- 17 如何在Chrome中无需HTTPS访问摄像头和麦克风？
- 8 Chrome浏览器：不“记住”允许访问麦克风的选择
- 3 网络摄像头/麦克风访问SWF
- 23 如何让Chrome允许通过http（而不是https）访问网络摄像头？
- 3 WebRTC 检查 Chrome 上摄像头和麦克风是否正在使用
- 3 WebRTC: 允许Chrome通过Chrome扩展程序访问麦克风
- 18 从不同子域访问沙盒iframe中的摄像头和麦克风。