网络摄像头权限请求不适用于本地文件

Question

用WebRTC试验一些东西时。我查看了一些示例，并从github下载了一个示例。这根本不起作用。在网址的右侧，有一个图标表示我的网络摄像头被阻止了。我点击它说它可以使用我的网络摄像头。然后chrome说要重新加载页面，所以我这样做了。一切都与开始时一样。但是当我通过jsfiddle加载同一个站点时，它向我询问了一个用于访问网络摄像头的弹出窗口（与其他所有应用程序一样）并且没有任何缺陷。我测试了一些其他浏览器，它们都是一样的。有没有人有如何解决这个问题的建议？谢谢！

Answer 1

要使用网络摄像头API，必须从服务器运行该文件。当你从JSFiddle运行它时，它在服务器上运行，因此有效。如果您在浏览器中以file:///运行它，它将无法运行，您必须在计算机上运行本地Web服务器并从那里打开Web应用程序http://

运行服务器

运行网络服务器可能非常复杂，并且需要知道如何使用apache或ISS等软件。幸运的是，对于只为客户端开发寻求简单，直接的网络服务器的开发者来说，有几个简单的解决方案：

• Windows：使用名为WAMP的软件 - 它会自动在您的机器上运行apache并在您的计算机上创建一个文件夹，您可以在其中放置所有网站内容。 http://www.wampserver.com/en/
• Mac：simillar to WAMP，mac有一个名为XAMP的软件，几乎完全相同。 http://www.apachefriends.org/en/xampp.html

两者都很简单，但我认为对于简单的前端开发来说已经足够了。

Answer 2

Chrome在我多次拒绝访问的网站上阻止了我的网络摄像头（因为我正在测试）。

您可能需要访问chrome：// settings / contentExceptions＃media-stream并清除您的设置。