4

我在我的一个项目中使用网络摄像头 JS。

https://github.com/jhuckaby/webcamjs

我使用的版本：1.0.0 可用的最新版本：1.0.5

它在 Chrome 和 Firefox 中运行良好。但最近网络摄像头错误开始仅在 CHROME 中显示。Firefox 仍然可以正常工作。

我在 1.0.0 中收到的错误：Webcam.JS Error: cannot access webcam.

我升级了版本，现在我在 chrome 中遇到的错误是

Webcam.js Error: Could not access webcam.
Permission Error: Only secure origins are allowed

https://www.chromium.org/Home/chromium-security/prefer-secure-origins-for-powerful-new-features

我的网站有一个安全的来源。

谁能告诉我为什么我会遇到这样的错误？

我相信复制粘贴 webcam.js 代码是没有意义的。

这是我使用的代码：

Webcam.set({
      width: 320,
     height: 240,
     dest_width: 320,
     dest_height: 240,
     image_format: 'jpeg',
     jpeg_quality: 90,
     force_flash: false
    });
    Webcam.attach( '#my_camera' );
4

6 回答 6

6

Chrome 47 要求站点为 HTTPS 才能使用户媒体/网络摄像头正常工作！这是一个全新的要求，我没想到会出现......

关于该主题的 Chromium 文档： https ://www.chromium.org/Home/chromium-security/prefer-secure-origins-for-powerful-new-features

这意味着我必须购买 SSL 证书。只要您在 127.0.0.1 或 HTTPS 上使用该库，该库就可以在 Chrome 47 中正常运行。

问题讨论

解决方案

于 2015-12-08T03:10:13.283 回答
5

您可以允许特定站点或端口：

要忽略 Chrome 的安全来源政策，请按照以下步骤操作。

  • chrome://flags/#unsafely-treat-insecure-origin-as-secure在 Chrome 中导航。

  • 找到并启用该Insecure origins treated as secure部分（见下文）。

  • 添加您想要忽略其安全源策略的任何地址。记住也要包括端口号（如果需要）。

  • 保存并重新启动 Chrome。

看这里！

于 2019-10-23T22:21:54.253 回答
2

如果您还不能提供安全连接，您所能做的就是使用备用闪存。使用该库中的配置代码：

 Webcam.set({
        force_flash: true
 });
于 2016-02-16T18:21:58.360 回答
2 
Webcam.set({
    width: 500,
    height: 400,
    image_format: "jpeg",
    jpeg_quality: 90,
    force_flash: false,
    flip_horiz: true,
    fps: 45
});

Webcam.set("constraints", {
    optional: [{ minWidth: 600 }]
});
于 2018-11-18T09:46:27.590 回答
1

我也遇到了这个错误。

解决方案：

确保您的网站是安全的。通过https协议访问它。

例子：

采用

https://example.azurewebsites.net/

代替

http://example.azurewebsites.net/
于 2019-11-21T01:44:42.040 回答
0

对于此类问题，还有另一种方法在开发过程中对我有所帮助，并且可能对其他人有所帮助。解决方案是将 Google Chrome 的版本降级到第 46 版。

以下是基本步骤： - 关闭 Google Chrome 中的更新

  • 转到 C:\Program Files\Google\Chrome\Application 或浏览器的安装目录。

  • 您会在那里找到 2 个不同的文件：chrome.exe 和 old_chrome.exe。将 chrome.exe 重命名为任何其他名称，然后将 old_chrome.exe 重命名为 chrome.exe

  • 启动谷歌浏览器

您可以在此处找到更详细的说明：http: //ipswitchft.force.com/kb/articles/FAQ/How-to-downgrade-to-an-Older-version-of-Chrome

于 2015-12-14T11:59:04.687 回答