网络摄像头权限请求不适用于本地文件
webcam permission request doesnt work with local files
当用WebRTC试验一些东西时。我看了一些例子,并从github下载了一个。这根本不起作用。在网址的右侧,有一个图标表明我的网络摄像头被阻止了。我点击了它,说它可以使用我的网络摄像头。然后 chrome 说要重新加载页面,所以我这样做了。一切都和一开始一样。但是当我通过 jsfiddle 加载同一个站点时,它要求我弹出一个网络摄像头访问(与其他所有应用程序的方式相同),并且没有缺陷。我测试了其他一些浏览器,结果都是一样的。有人对如何解决这个问题有建议吗?谢谢!
为了使用网络摄像头API,该文件必须从服务器运行。当您从JSFiddle运行它时,它会在服务器上运行,因此可以工作。如果您在浏览器中将其作为file:///
运行,则不起作用,您必须在计算机上运行本地Web服务器并从那里打开Web应用程序,http://
运行服务器
运行良好的Web服务器可能非常复杂,并且需要了解使用apache或ISS等软件的知识。幸运的是,对于只是为客户端开发寻找简单,直接的Web服务器的开发人员来说,有几个简单的解决方案:
- Windows:使用名为WAMP的软件 - 它会自动在您的机器上运行Apache,并在您的计算机上创建一个文件夹,您可以在其中放置所有网站内容。 http://www.wampserver.com/en/ Mac
- :类似于WAMP,Mac有一个名为XAMP的软件,它做几乎同样的事情。 http://www.apachefriends.org/en/xampp.html
两者都非常简单,但我认为对于简单的前端开发来说已经足够了。
Chrome 在
我多次拒绝访问的网站上阻止了我的网络摄像头(因为我正在测试)。
您可能需要访问 chrome://settings/contentExceptions#media-stream 并清除您的设置。
相关文章:
- is(':hover')适用于jsfiddle,但不适用于本地文件
- 如何使用Javascript将文件轻松上传到服务器(适用于Dummies)
- 如何在mvc中使用ajax jquery上传文件仅适用于IE9
- 读取本地文件的Javascript适用于Windows,但不适用于Linux
- 文件上传代码适用于Chrome和Mozilla,但不适用于IE 8,9
- 从服务器读取的 ajax 文件 w3schools.com 示例适用于 IE9,但不适用于 FF12
- 使用 jquery 上传文件适用于 Firefox,但不适用于 Internet Explorer
- 如何创建一个“;加载程序文件“;适用于angularjs+requirejs的控制器
- jQuery只适用于HTML文件,不适用于JS文件
- 在某个位置添加一个javascript脚本标记,以便它适用于sphinx文档中的每个文件
- 如何发送文件以接收返回值(适用于InternetExplorer8-9)
- 适用于Windows Library for Javascript的WriteableBitmap等效文件
- 适用于Internet Explorer的文件夹拖放
- 无法从.xhtml文件扩展名运行JavaScript;适用于.html
- 以XML文件的形式下载formtextarea.适用于IE10,但不支持Chrome35或Firefox30
- Sublime Text 3: 4个空格的制表符不只适用于javascript文件
- 用于解析xml文件的getElementsByTagName仅适用于IE8
- Ajax适用于Firefox,但不适用于Internet Explorer-需要更新XML文件-未收到错误消息
- 是否有适用于Firefox XPCOM的JSDoc文件
- 如何使用file:///F:/foldername访问ajax本地文件夹?但它适用于http://.