如何让Chrome浏览器允许http网站打开摄像头和麦克风

已于 2024-10-21 11:24:20 修改
阅读量1.8w 收藏 26
点赞数 15
文章标签： chrome http 前端
于 2023-05-31 17:42:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43530326/article/details/130974058
版权
由于浏览器的安全策略，非HTTPS协议无法直接访问摄像头。为启用此功能，需在谷歌浏览器的实验性设置中将不安全源视为安全，添加域名或IP并启用该选项，然后在HTTPS环境下可以正常调用摄像头。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题来源：
本地运行的项目调用摄像头好用
访问线上地址，发现调用摄像头的方法都不存在。
问了度娘，发现该问题与浏览器的安全策略有关。出于安全考虑，浏览器是不允许随便开启摄像头的，https协议下方可开启。

解决

这一项功能要用到谷歌浏览器的实验性功能，谷歌浏览器打开

chrome://flags/#unsafely-treat-insecure-origin-as-secure

1.配置 Insecure origins treated as secure

填写域名或IP并选择Enabled
image.png

2.打开对应网站设置

在这里插入图片描述
在这里插入图片描述

司徒小夜
关注
新版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...
js调用pc摄像头实现拍照、录视频等，新版Chrome无访问http页面无法打开麦克风、摄像头
weixin_44286575的博客
12-30 3219
js调用pc摄像头实现拍照、录视频等，新版Chrome无访问http页面无法打开麦克风、摄像头新版Chrome配置vue环境下的前端function部分 ##由于没有https环境，只有http环境，各种测试后，找到的很实用的方法 新版Chrome配置 1、地址栏输入：chrome://flags 2、搜索：unsafely-treat-insecure-origin-as-secure vue...
解决各大浏览器中http地址无权限调用麦克风摄像头问题（包括谷歌，Edge，360，火狐）后续会陆续补充
最新发布
欢迎观看我的前端知识合集~
02-27 1895
在各大浏览器中http地址调用电脑麦克风摄像头会没有权限，http协议无法使用多媒体设备。
关于谷歌浏览器http无法开启摄像机的解决方法
StreakerHan
08-27 1万+
项目部署到服务器之后，在谷歌浏览器中访问无法调起摄像机 方法1：nginx 配置ssl证书 （方法自行百度）本人配置好之后发现https无法调用http接口，所以放弃了这种方法。 方法2：谷歌浏览器设置 只需要三步： 1、地址栏输入：chrome://flags 2、搜索：unsafely-treat-insecure-origin-as-secure 3、 直来直去的解决问题总是很...
微软 Edge 浏览器无法调用 麦克风 原因及解决办法
shiwolf的专栏
03-02 1万+
非安全域名的网址，在 edge 浏览器下如何获取麦克风的访问权限
chrome允许http网站打开摄像头和麦克风
yjkhtddx的专栏
11-25 2279
chrome允许http网站打开摄像头和麦克风 chrome://flags/#unsafely-treat-insecure-origin-as-secure
解决谷歌浏览器在http协议下无法调用摄像头和麦克风的问题
guolovejie的专栏
06-07 3785
自动重启浏览器之后就可以在添加的http地址下调用摄像头和麦克风了。在输入框中输入需要访问的地址，多个地址使用“,”隔开，”，回车，如下图，将该选项置为Enabled，然后点击右下角弹出的Relaunch按钮，在浏览器地址栏中输入“
http网站谷歌摄像头浏览器权限
Jchangle的博客
07-27 1220
浏览器权限，摄像头权限，OBS
修改Chrome隐私设置，打开摄像头等权限
zzEND的博客
07-14 3269
Http的网站在Chrome浏览器中无法使用摄像头麦克风等权限。 我们可以按以下步骤进行配置：
JavaScript ：调用浏览器摄像头 API
Specif1c的博客
06-23 1998
文章转载于：https://www.jb51.net/article/144075.htm 使用getUserMedia这个API来获取摄像头的权限 兼容chrome和火狐，IOS不兼容 注意以下几点： 有些浏览器可能不支持此功能 如果直接打开HTML文件无效，可以通过服务器打开页面 (可以开一个本地服务器 live Server) 如果通过远程服务器打开则必须是https协议， http协议也无法使用 <!DOCTYPE html> <html lang="en"> <
检测摄像头和麦克风状态
03-15
1. **设备访问API**：大多数现代浏览器（如Chrome、Firefox）提供了WebRTC（Web Real-Time Communication）API，允许JavaScript直接访问用户的摄像头和麦克风。例如，`navigator.mediaDevices.getUserMedia()` 方法...
selenium+chrome使用webrtc音频或视频时，默认开启麦克风和摄像头
老白的专栏
04-20 2492
chrome打开摄像头和麦克风
python 打开网页、封装自己的浏览器、制作浏览器、打开麦克风和摄像头、忽略ssl证书错误、置顶、无边框
weixin_44493841的博客
09-16 743
python 打开网页、封装自己的浏览器 selenium 下载浏览器和浏览器驱动 功能全面，就是不能无边框 pip install selenium from selenium import webdriver from selenium.webdriver.chrome.options import Options # 浏览器启动参数 chrome_options = Options() # 转 app command = "--app=http://www.baidu.com" chrome_op
控制摄像头和麦克风的Chrome快捷键扩展
用户可以通过快捷键关闭和打开麦克风以及摄像头，从而控制个人在视频会议中的音频和视频输出。" 该插件的亮点特性包括： - 自定义快捷键：用户可以安装插件后，在chrome://extensions/shortcuts设置页面自定义...
谷歌浏览器无法访问摄像头的解决方案
weixin_45428021的博客
12-19 4900
配置白名单方法 1、在谷歌浏览器新的标签页输入地址chrome://flags并打开。 2、在搜索框输入unsafe； 3、把要访问摄像头的网址输入(复制更为准确)到文本框内； 4、文本框右边蓝色选项，选择Enabled； 5、点击右下角的Relaunch按钮，重启浏览器； 6、重新打开要访问摄像头的网站，会提示是否允许访问摄像头，选择允许即可；如果没有提示，在网站设置中打开访问权限即可；
新版chrome中http无法打开摄像头问题解决
热门推荐
wen_binobject的博客
03-26 4万+
自己写的获取摄像头权限人脸识别 由于浏览器的原因不能使用了。 经查询时因为http高版本chrome的安全限制问题。 1. Windows： chrome快捷方式右键->属性->目标 输入框中追加 --unsafely-treat-insecure-origin-as-secure=“http://host||ip:port” --user-data-dir=“F:\temp” (–...
HTML5 调用前后摄头 测试手机Chrom浏览可以，地址采用https:// 才可以访问本地摄像
lixiaozhong的专栏
03-12 3878
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;HTML5 GetUserMedia Demo&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /
设置chrome浏览器访问http服务时使用麦克风
houxm的专栏
06-07 6536
chrome浏览器默认访问https网页时才可以使用麦克风、摄像头等硬件。 访问http网页时是不能用的，需要设置一下：打开chrome://flags/#unsafely-treat-insecure-origin-as-secure页面后，将“Insecure origins treated as secure”设置为enabled，并将允许使用麦克风的网页的地址写入可访问列表，如“http://ip:port” 重启浏览器后可用！ 做个记录~~ ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值