浏览器http无法调用摄像头，https才支持调用摄像头

已于 2024-07-03 16:24:57 修改
阅读量9.8k 收藏
点赞数 2
文章标签： chrome web 前端
于 2021-11-30 15:16:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvcal_sunday/article/details/121633681
版权

http协议因为安全原因，无法在普通浏览器中调用摄像头、麦克风等。
https是支持的。
如果https不显示的话，可参考大神的方法设置看是否有效。
https://blog.csdn.net/dyl_csdn/article/details/109816059

lvcal_sunday
关注
在浏览器调用相机（只对https兼容），适用于H5
快乐的小跳蛙的博客
02-04 2368
【代码】在浏览器调用相机（只对https兼容），适用于H5。
浏览器调用摄像头扫二维码
dgiij的博客
09-03 776
其实现在比较新的手机，摄像头也大都支持扫二维码，不过接口不统一，终端类型较多的情况下，对开发者是很麻烦的。好在浏览器有标准统一的接口获取摄像头的视频流，这个基本就够用了。至于扫码二维码，可以通过视频流截图，用JS的一些二维码库来识别，比如jsQR就比较好用。此前用微信扫一扫很方便，不过用微信扫一扫需要有微信公众号或者服务号，微信小程序扫码也很方便，不过需要微信开发者账号，而且现在微信小程序好些地方也开始计费了。以下给出一个例子，在ios下可以正常工作，注意需要放在https的web路径下。
移动端浏览器调用摄像头失败，需要https，配置开发环境证书
最新发布
musk1212的博客
04-01 451
提示：版本系统：win10移动端浏览器调用摄像头失败，需要https，配置开发环境证书提示：以下是本篇文章正文内容，下面案例可供参考。
解决谷歌浏览器在http协议下无法调用摄像头和麦克风的问题
guolovejie的专栏
06-07 3837
自动重启浏览器之后就可以在添加的http地址下调用摄像头和麦克风了。在输入框中输入需要访问的地址，多个地址使用“,”隔开，”，回车，如下图，将该选项置为Enabled，然后点击右下角弹出的Relaunch按钮，在浏览器地址栏中输入“
新版Chrome http访问无法打开摄像头
weixin_34292924的博客
09-07 1万+
新版Chrome可以通过本地地址访问摄像头，比如localhost/video.html。但是不能通过IP地址访问，比如192.168.1.99/video.html。而其它低版本的chrome工作都是正常的。这是因为，http协议的网站的安全原因，不能访问本地的摄像头想要访问摄像头，麦克风等必须使用https但是对于开发者们，这是不可原谅的，我们可以通过官方给出的以下方式启动摄像头右键点击Chr...
VUE手机调试调用摄像头（https设置）
RemyRan的博客
07-02 609
https调摄像头
chrome只支持https\ 127.0.0.1\localhost三种地址方式调用摄像头，http方式不支持直接调用
felice_zhao的博客
01-02 4035
chrome无法拉起摄像头
实现浏览器端 H5 调用摄像头
01-15
除了MediaDevices API，还有一些其他的库和框架可以简化调用摄像头的过程，例如使用WebRTC（Web Real-Time Communication），它是一个支持网页浏览器进行实时语音对话或视频对话的API。通过WebRTC，我们可以实现更...
通用浏览器调用摄像头拍照
07-01
在现代的Web应用中，与用户的交互越来越丰富，其中之一就是通过浏览器调用摄像头进行拍照。这一功能使得用户可以在不离开网页的情况下捕捉图像，极大地提升了用户体验。本文将详细讲解如何实现"通用浏览器调用摄像头...
js浏览器调用摄像头拍照
03-10
以上就是使用JavaScript和Canvas实现浏览器调用摄像头拍照功能的基本步骤和关键知识点。在实际开发中，还需要考虑兼容性问题，对于不支持这些特性的旧版浏览器，可能需要使用Flash或其他技术作为备选方案。同时，...
H5 Video标签调用摄像头进行录像，兼容苹果、安卓系统、可在微信浏览器正常使用
04-02
总结，实现H5 Video标签调用摄像头录像并兼容苹果、安卓系统以及微信浏览器，主要涉及HTML5 `<video>`标签、MediaStream Recording API、JavaScript编程以及微信JS-SDK的使用。通过这些技术，我们可以创建出一个跨...
新版chrome 解决在http协议下无法调用摄像头和麦克风的问题（不安全）
AsBefore麦小兜
03-05 1万+
解决办法：亲测可行 在浏览器地址栏中输入“chrome://flags/#unsafely-treat-insecure-origin-as-secure”，回车，如下图，将该选项置为Enabled， 在输入框中输入需要访问的地址，多个地址使用“,”隔开， 然后点击右下角弹出的Relaunch按钮， 自动重启浏览器之后就可以在添加的http地址下调用摄像头和麦克风了。 ...
新版Chrome访问http页面无法打开麦克风、摄像头
qq_30959775的博客
09-28 1万+
原因分析： 1、http协议的网站的安全原因，不能访问本地的麦克风 2、允许打开麦克风的请求有http://localhost/以及https请求。 解决方法： 方法一： 访问摄像头，麦克风等必须使用https，将网站部署成https请求 方法二： 官方解释： You can run chrome with the --unsafely-treat-insecure-orig...
http网页无法使用麦克风摄像头是什么原因，有什么解决方法？(转)
xionghao009的专栏
11-17 5233
http网页无法使用麦克风摄像头是什么原因，有什么解决方法？(转)
关于谷歌浏览器http无法开启摄像机的解决方法
StreakerHan
08-27 1万+
项目部署到服务器之后，在谷歌浏览器中访问无法调起摄像机 方法1：nginx 配置ssl证书 （方法自行百度）本人配置好之后发现https无法调用http接口，所以放弃了这种方法。 方法2：谷歌浏览器设置 只需要三步： 1、地址栏输入：chrome://flags 2、搜索：unsafely-treat-insecure-origin-as-secure 3、 直来直去的解决问题总是很...
Chrome关于http无法调用摄像头麦克风的解决方法
热门推荐
qq_22937623的博客
07-16 5万+
新版Chrome中，http协议的网站因为安全原因，不能访问本地的摄像头，如果该网站不支持https协议，可以使用以下解决方案 右键点击Chrome桌面快捷方式，打开属性 在 快捷方式页-目标 中的最后输入 --unsafely-treat-insecure-origin-as-secure="http://example.com" 其中http://example.com，替换为...
解决PC浏览器调用摄像头失败(本地可以,线上失败)
tanfei_的博客
01-02 6403
pc浏览器调用本地摄像头失败
Node.js 通过https服务器利用js调用网络摄像头
小辣抓
03-05 1万+
前言最近写了一个js调用摄像头的代码，整体实现是非常简单，但是放到服务器上，通过外网访问后就会出现一个警告 我们需要通过js调用摄像头，但在此之前我们需要创建一个https服务器。所以，这篇博文就是帮助大家如何通过js 调用PC端的摄像头。如何通过js调用摄像头先看一下js调用摄像头的具体实现。 整个实现是基于Google提供的webRTC技术，它主要用来让浏览器实时获取和交换视频、音频和数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值