谷歌浏览器在开发的时候http无法调用摄像头

最新推荐文章于 2025-02-27 18:11:52 发布
最新推荐文章于 2025-02-27 18:11:52 发布
阅读量2k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zmyalh/article/details/114701968
版权

谷歌浏览器在开发的时候http无法调用摄像头

新版本的谷歌只在https ，localhost , 127.0.0.1下可以使用摄像头麦克风

解决方法
1.谷歌地址栏输入：chrome://flags/#unsafely-treat-insecure-origin-as-secure
2.输入你要访问的地址 http://192.168.124.11:8888
在这里插入图片描述

3.然后设置为启用Enabled
在这里插入图片描述
4.重启
在这里插入图片描述
这样就可以访问了！！！

zmyalh
关注
Vue3 - 详细实现调用浏览器摄像头拍照并生成图片预览，支持将抓拍的图像保存到用户本地或上传到服务器、调取前置摄像头和后置摄像头，开启摄像头并进行拍照，vue实现调用摄像头，电脑或手机调用摄像头拍照
王二红
10-03 7679
vue3，nuxt3，摄像头，vue3网站打开摄像头拍照，vue3项目调用摄像头实现拍照功能，拍照后怎么保存，照相后上传到后端服务器，开启摄像头黑屏，如何默认后置摄像头，网页开启电脑摄像头并照相，前置拍照，vue3如何调用手机摄像头进行拍摄，拒绝权限后不再弹出了，微信公众号网页，摄像头报错，拍照左右镜像反了，浏览器不兼容怎么办，vue3调用电脑端摄像头实时拍照，解决调用摄像头权限无法弹出，打不开摄像头，Vue3如何调用手机的摄像头，调用本地摄像头实现拍照，浏览器不弹摄像头权限了，如何不使用https运行测试
Vue2 - 详细实现调用浏览器摄像头拍照并生成图片预览，开启摄像头并进行拍照，支持将抓拍的图像保存到用户本地或上传到服务器、调取前置摄像头和后置摄像头，vue实现调用摄像头，电脑或手机调用摄像头拍照
王二红
10-03 6100
vue2，nuxt2，摄像头，vue网站打开摄像头拍照，vue项目调用摄像头实现拍照功能，vue调用电脑端摄像头实时拍照，解决调用摄像头权限无法弹出，打不开摄像头，vue如何调用手机的摄像头，调用本地摄像头实现拍照，浏览器不弹摄像头权限了，如何不使用https运行测试，拍照后怎么保存，照相后上传到后端服务器，开启摄像头黑屏，如何默认后置摄像头，网页开启电脑摄像头并照相，前置拍照，vue2如何调用手机摄像头进行拍摄，拒绝权限后不再弹出了，微信公众号网页，摄像头报错，拍照左右镜像反了，浏览器不兼容怎么办，前置摄
前端项目在本地localhost可以调取到拍照或麦克风等设备，但是在局域网内IP+端口号访问项目时访问不到设备
weixin_58129544的博客
03-28 922
启用 chrome://flags/#unsafely-treat-insecure-origin-as-secure 这个设置后，Chrome 浏览器将不再显示与混合内容相关的警告，而是将所有不安全的来源都视为安全的来源。【chrome://flags/#unsafely-treat-insecure-origin-as-secure 是 Chrome 浏览器中的一个设置选项，它的作用是将不安全的来源（HTTP）视为安全的来源（HTTPS），从而避免浏览器的安全性警告，为文件访问file:///
解决各大浏览器中http地址无权限调用麦克风摄像头问题（包括谷歌，Edge，360，火狐）后续会陆续补充
最新发布
欢迎观看我的前端知识合集~
02-27 2022
在各大浏览器中http地址调用电脑麦克风摄像头会没有权限，http协议无法使用多媒体设备。
解决谷歌浏览器在http协议下无法调用摄像头和麦克风的问题
guolovejie的专栏
06-07 3798
自动重启浏览器之后就可以在添加的http地址下调用摄像头和麦克风了。在输入框中输入需要访问的地址，多个地址使用“,”隔开，”，回车，如下图，将该选项置为Enabled，然后点击右下角弹出的Relaunch按钮，在浏览器地址栏中输入“
如何让Chrome浏览器允许http网站打开摄像头和麦克风
qq_43530326的博客
05-31 1万+
这一项功能要用到谷歌浏览器的实验性功能，谷歌浏览器打开。
http协议 局域网IP 无法拉起麦克风和摄像头
Riteny的博客
09-07 1285
最近在使用jssip 连接webrtc的时候，由于平时测试一直在127.0.0.1本地IP下测试，在企图调用已经部署的服务时，发现通讯一直失败，后来检查的时候才发现是因为使用了局域网ip，而非https的情况下，不能拉起麦克风和摄像头，查看资料后，解决方案如下。
HTTP协议调用摄像头拍照上传更新头像前后端
Aan___的博客
11-25 1146
4. 后端处理，以及修改当前用户头像的操作可以通过以下链接进行查看。1. 下载 Webcam 实现调用摄像头功能。3. 处理拍出来的图片并进行格式处理。2. 调用摄像头进行拍照。
HTML5与JS结合调用摄像头拍照兼容谷歌浏览器
在标题中提及“兼容谷歌”，表明这个功能在谷歌浏览器中测试过，并能正常工作。但是，由于不同的浏览器可能对API的支持程度不同，所以在使用时可能需要额外处理兼容性问题。例如，对于不支持getUserMedia()的旧版...
chrome谷歌浏览器http协议打开摄像头Cannot read properties of undefined (reading ‘getUserMedia‘）
qq445829096的博客
06-11 6506
chrome谷歌浏览器http协议打开摄像头Cannot read properties of undefined (reading 'getUserMedia'）
海康摄像头web调用官方开发包,包含demo,亲测可用
03-13
值得注意的是，这个开发包已通过实际测试，确认其在IE11浏览器下可以正常工作，但并不兼容谷歌浏览器和火狐浏览器，这主要是由于不同浏览器对某些特定Web技术的支持差异。 首先，我们来深入理解一下"摄像头调用"的...
解决新版chrome在http协议下无法调用摄像头和麦克风的问题
热门推荐
first_shun的博客
05-25 3万+
新版本的chrome浏览器，在http协议下安全性原因导致无法调用摄像头和麦克风，解决方法如下： 方法一： 在浏览器地址栏中输入“chrome://flags/#unsafely-treat-insecure-origin-as-secure”，回车，如下图，将该选项置为Enabled，在输入框中输入需要访问的地址，多个地址使用“,”隔开，然后点击右下角弹出的Relaunch按钮，自动重启浏览器之后就可以在添加的http地址下调用摄像头和麦克风了。 方法二： 在安装的浏览器的应用图标右键-&gt
新版chrome 解决在http协议下无法调用摄像头和麦克风的问题（不安全）
快乐的搬砖的博客
04-11 3081
新版chrome edge 解决在http协议下无法调用摄像头和麦克风的问题（不安全）
VUE 调用PC摄像头，HTTP下也可以使用
lovlin_l的代码世界
09-18 2857
由于内网使用，调用当前pc的摄像头，进行拍照上传功能，而浏览器由于安全策略考虑，只支持本地调用摄像头，服务器上禁止使用，新版chrome支持修改安全协议，代码如下： chrome://flags/#unsafely-treat-insecure-origin-as-secure 下面写了个子组件photo.vue，来调用，可以上传多张照片，通过elemenui支持查看 <template> <div> <el-dialog v-el-drag-dialog
设置chrome浏览器访问http服务时使用麦克风
houxm的专栏
06-07 6571
chrome浏览器默认访问https网页时才可以使用麦克风、摄像头等硬件。 访问http网页时是不能用的，需要设置一下：打开chrome://flags/#unsafely-treat-insecure-origin-as-secure页面后，将“Insecure origins treated as secure”设置为enabled，并将允许使用麦克风的网页的地址写入可访问列表，如“http://ip:port” 重启浏览器后可用！ 做个记录~~ ...
新版Chrome http访问无法打开摄像头
weixin_34292924的博客
09-07 1万+
新版Chrome可以通过本地地址访问摄像头，比如localhost/video.html。但是不能通过IP地址访问，比如192.168.1.99/video.html。而其它低版本的chrome工作都是正常的。这是因为，http协议的网站的安全原因，不能访问本地的摄像头想要访问摄像头，麦克风等必须使用https但是对于开发者们，这是不可原谅的，我们可以通过官方给出的以下方式启动摄像头右键点击Chr...
EOS调用Json-RPC接口
小坚的技术博客
01-25 2608
本文作者：陈进坚 博客地址：https://jian1098.github.io CSDN博客：https://blog.csdn.net/c_jian 联系方式：jian1098@qq.com 接口说明 本文基于EOS私有链环境，理论上测试环境也可以，比如jungle测试链，但是测试链提供的节点服务器一般无法使用wallet相关的接口，比如创建钱包、交易签名等，因为没有开启–filter-o...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值