当前位置： 首页 > news >正文

前端项目在本地localhost可以调取到拍照或麦克风等设备，但是在局域网内IP+端口号访问项目时访问不到设备

news 2026/2/7 13:18:01

前端项目在本地localhost可以调取到拍照或麦克风等设备，但是在局域网内IP+端口号访问项目时访问不到设备，调取navigation.mediaDevices时本科可以获取到mediaDevices列表，局域网内ip+端口访问时获取不到mediaDevices。

原因：

存在安全问题，为了用户的隐私安全，http协议无法使用多媒体设备。因为像摄像头和麦克风属于可能涉及重大隐私问题的API，getUserMedia()的规范提出了浏览器必须满足一系列隐私和安全要求。这个方法功能很强大，只能在安全的网络环境使用，在不安全的环境中为undefined。

navigator.mediaDevices在目前以下情况中可以获取到
1.地址为localhost://访问
2.协议为https
3.为文件访问file:///

解决办法：

打开谷歌浏览器，在地址栏输入：
chrome://flags/#unsafely-treat-insecure-origin-as-secure 

【chrome://flags/#unsafely-treat-insecure-origin-as-secure 是 Chrome 浏览器中的一个设置选项，它的作用是将不安全的来源（HTTP）视为安全的来源（HTTPS），从而避免浏览器的安全性警告，启用 chrome://flags/#unsafely-treat-insecure-origin-as-secure 这个设置后，Chrome 浏览器将不再显示与混合内容相关的警告，而是将所有不安全的来源都视为安全的来源。这样做可能会降低浏览器对网站安全性的监控程度，因为不再强调混合内容可能带来的潜在风险。】

相关文章：

前端项目在本地localhost可以调取到拍照或麦克风等设备，但是在局域网内IP+端口号访问项目时访问不到设备

前端项目在本地localhost可以调取到拍照或麦克风等设备，但是在局域网内IP端口号访问项目时访问不到设备，调取navigation.mediaDevices时本科可以获取到mediaDevices列表，局域网内ip端口访问时获取不到mediaDevices。 原因： 存在…...

编程日记 2024/3/29 5:27:24

flutter生成二维码并截图保存到图库

引入库：flutter_screenutil、image_gallery_saver、qr_flutter弹窗布局 import dart:async; import dart:typed_data; import package/generated/l10n.dart; import package:jade/configs/PathConfig.dart; import package:jade/utils/ImageWaterMarkUtil.dart; im…...

编程日记 2024/3/29 5:26:23

EasyExcel Converter实现java对象和excel单元格转换

在EasyExcel中，Converter接口用于定义如何在Java对象和Excel单元格之间进行转换。 也就是说EasyExcel可以根据数据库中的值来填充Excel中对应的文本内容。 比如数据库1,2,3可以填充到excel中：男，女，其他 使用easyExcel的之前&a…...

编程日记 2024/3/29 5:25:21

stamac Ethernet DTS配置

目录 Demo 配置 compatible reg interrupts & interrupt-names phy-mode phy-handle Snps,reset-gpio...

编程日记 2024/3/29 5:23:20

Svg Flow Editor 原生svg流程图编辑器（四）

系列文章 Svg Flow Editor 原生svg流程图编辑器（一） Svg Flow Editor 原生svg流程图编辑器（二） Svg Flow Editor 原生svg流程图编辑器（三） Svg Flow Editor 原生svg流程图编辑器（四&#xf…...

编程日记 2024/3/29 5:22:19

Verilog语法之assign语句学习

assign语法主要是对组合逻辑的变量进行赋值的，就是把一个变量赋值给另一个变量，被复制的变量必须是wire类型的参数。 从仿真结果可以看出，data_in变量的值赋值给了data_out,assign语法就是赋值没有任何延迟，data_in是什么值&#…...

编程日记 2024/3/29 5:21:18

Cocos2dx-lua ScrollView[三]高级篇

一.概述 本文缩写说明：sv ScrollView, cell代表ScrollView的一个子节点 本文介绍sv的一种封装类库，来实现快速创建sv，有如下几个优点： 1.item的位置通过参数控制，提高开发效率 2.免去了调用sv的API，提…...

编程日记 2024/3/29 5:20:17

后端之卡尔曼滤波

后端之卡尔曼滤波 前言 在很久之前，人们刚结束信息传递只能靠信件的时代，通信技术蓬勃发展，无线通信和有线通信走进家家户户，而著名的贝尔实验室就在这个过程做了很多影响深远的研究。为了满足不同电路和系统对信号的需求&#…...

编程日记 2024/3/29 5:19:16

Docker 夺命连环 15 问

目录 什么是Docker？ Docker的应用场景有哪些？ Docker的优点有哪些？ Docker与虚拟机的区别是什么？ Docker的三大核心是什么？ 如何快速安装Docker？ 如何修改Docker的存储位置？ Docker镜像常…...

编程日记 2024/3/29 5:18:15

2024最新版克魔助手抓包教程(9) - 克魔助手 IOS 数据抓包

引言 在移动应用程序的开发中，了解应用程序的网络通信是至关重要的。数据抓包是一种很好的方法，可以让我们分析应用程序的网络请求和响应，了解应用程序的网络操作情况。克魔助手是一款非常强大的抓包工具，可以帮助我们在 Android …...

编程日记 2024/3/29 5:17:14

Spring Boot 防止XSS攻击

XSS 跨站脚本工具（cross 斯特scripting），为不和层叠样式表（cascading style sheets,CSS）的缩写混淆，故将跨站脚本攻击缩写为XSS。恶意攻击者往web页面里插入恶意ScriptScript代码，当用户浏览该页…...

编程日记 2024/3/29 5:16:12

aidl文件生成Java、C++[android]、C++[ndk]、Rust接口

目录 前言一、Java二、C[android]三、C[ndk]四、Rust接口 前言 在 Android 开发中，AIDL 文件通常会被自动编译，生成对应语言的接口文件。对于应用层 Java 开发者来说，使用 AIDL 和 Binder 封装的接口可以让他们更加专注于应用逻辑&#xff0…...

编程日记 2024/3/29 5:15:11

多源统一视频融合可视指挥调度平台VMS/smarteye系统概述

系统功能 1. 集成了视频监控典型的常用功能，包括录像（本地录像、云端录像（录像计划、下载计划-无线导出）、远程检索回放）、实时预览（PTZ云台操控、轮播、多屏操控等）、地图-轨迹回放、语音对讲…...

编程日记 2024/3/29 5:14:09

PyTorch简介：与TensorFlow的比较

PyTorch简介：与TensorFlow的比较 一、PyTorch框架概述 PyTorch是一个开源的机器学习库，广泛用于计算机视觉和自然语言处理。由Facebook的人工智能研究团队开发，它以其灵活性和动态计算图而闻名。 主要特点 动态计算图：PyTorch…...

编程日记 2024/3/29 5:13:07

虚拟机-从头配置Ubuntu18.04（包括anaconda,cuda,cudnn,pycharm,ros,vscode）

最好先安装anaconda后cuda和cudnn，因为配置环境的时候可能conda会覆盖cuda的路径（不确定这种说法对不对，这里只是给大家的建议） 准备工作： 1.Ubuntu18.04，x86_64，amd64 虚拟机下载和虚拟机Ubu…...

编程日记 2024/3/29 5:11:05

uniApp使用XR-Frame创建3D场景(8)粒子系统

上篇文章讲述了如何将XR-Frame作为子组件集成到uniApp中使用 本片我们详细讲解一下xr-frame的粒子系统 先看源码 <xr-scene render-system"alpha:true" bind:ready"handleReady"> <xr-node visible"{{sec8}}"><xr-asset-load t…...

编程日记 2024/3/29 5:07:00

【JMeter入门】—— JMeter介绍

1、什么是JMeter Apache JMeter是Apache组织开发的基于Java的压力测试工具&#xff0c;用于对软件做压力测试。它最初被设计用于Web应用测试&#xff0c;但后来扩展到其他测试领域。 &#xff08;Apache JMeter是100%纯JAVA桌面应用程序&#xff09;Apache JMeter可以用于对静…...

编程日记 2024/3/29 5:05:59

C# 多线程编程：线程锁与无锁并发

文章目录 前言一、锁的基本概念1.1 什么是锁&#xff1f;1.2 为什么需要锁&#xff1f;1.3 锁的作用原理 二、线程锁的类型2.1 自旋锁&#xff08;Spin Lock&#xff09;2.2 互斥锁&#xff08;Mutex&#xff09;2.3 混合锁&#xff08;Hybrid Lock&#xff09;2.4 读写锁&…...

编程日记 2024/3/29 5:04:58

React.FC

React.FC 是 React 中的一个类型别名&#xff0c;代表“函数组件”。它是一个接受 props&#xff08;属性&#xff09;并返回 JSX 元素的函数。 type React.FC<P {}> (props: P) > ReactElement | null;其中&#xff1a;P 是一个可选的泛型类型参数&#xff0c;表示…...

编程日记 2024/3/29 5:03:56

使用pytorch构建一个无监督的深度卷积GAN网络模型

本文为此系列的第二篇DCGAN&#xff0c;上一篇为初级的GAN。普通GAN有训练不稳定、容易陷入局部最优等问题&#xff0c;DCGAN相对于普通GAN的优点是能够生成更加逼真、清晰的图像。 因为DCGAN是在GAN的基础上的改造&#xff0c;所以本篇只针对GAN的改造点进行讲解&#xff0c;其…...

编程日记 2024/3/29 5:00:53

应用升级/灾备测试时使用guarantee 闪回点迅速回退

1.场景 应用要升级,当升级失败时,数据库回退到升级前. 要测试系统,测试完成后,数据库要回退到测试前。 相对于RMAN恢复需要很长时间&#xff0c; 数据库闪回只需要几分钟。 2.技术实现 数据库设置 2个db_recovery参数 创建guarantee闪回点&#xff0c;不需要开启数据库闪回。…...

编程新知 2026/1/14 22:12:47

树莓派超全系列教程文档--(62)使用rpicam-app通过网络流式传输视频

使用rpicam-app通过网络流式传输视频 使用 rpicam-app 通过网络流式传输视频UDPTCPRTSPlibavGStreamerRTPlibcamerasrc GStreamer 元素 文章来源&#xff1a; http://raspberry.dns8844.cn/documentation 原文网址 使用 rpicam-app 通过网络流式传输视频 本节介绍来自 rpica…...

编程新知 2025/11/5 13:03:58

C++：std::is_convertible

C++标志库中提供is_convertible，可以测试一种类型是否可以转换为另一只类型： template <class From, class To> struct is_convertible; 使用举例： #include <iostream> #include <string>using namespace std;struct A { }; struct B : A { };int main…...

编程新知 2025/6/11 15:23:57

Java 8 Stream API 入门到实践详解

一、告别 for 循环&#xff01; 传统痛点&#xff1a; Java 8 之前&#xff0c;集合操作离不开冗长的 for 循环和匿名类。例如&#xff0c;过滤列表中的偶数&#xff1a; List<Integer> list Arrays.asList(1, 2, 3, 4, 5); List<Integer> evens new ArrayList…...

编程新知 2026/1/12 10:41:22

（二）原型模式

原型的功能是将一个已经存在的对象作为源目标，其余对象都是通过这个源目标创建。发挥复制的作用就是原型模式的核心思想。 一、源型模式的定义 原型模式是指第二次创建对象可以通过复制已经存在的原型对象来实现，忽略对象创建过程中的其它细节。 📌 核心特点： 避免重复初…...

编程新知 2026/2/7 10:59:04

Python爬虫（一）：爬虫伪装

一、网站防爬机制概述 在当今互联网环境中&#xff0c;具有一定规模或盈利性质的网站几乎都实施了各种防爬措施。这些措施主要分为两大类&#xff1a; 身份验证机制&#xff1a;直接将未经授权的爬虫阻挡在外反爬技术体系&#xff1a;通过各种技术手段增加爬虫获取数据的难度…...

编程新知 2026/1/30 20:42:46

反射获取方法和属性

Java反射获取方法 在Java中&#xff0c;反射&#xff08;Reflection&#xff09;是一种强大的机制&#xff0c;允许程序在运行时访问和操作类的内部属性和方法。通过反射&#xff0c;可以动态地创建对象、调用方法、改变属性值&#xff0c;这在很多Java框架中如Spring和Hiberna…...

编程新知 2025/11/9 2:57:17

2025盘古石杯决赛【手机取证】

前言 第三届盘古石杯国际电子数据取证大赛决赛 最后一题没有解出来&#xff0c;实在找不到&#xff0c;希望有大佬教一下我。 还有就会议时间&#xff0c;我感觉不是图片时间&#xff0c;因为在电脑看到是其他时间用老会议系统开的会。 手机取证 1、分析鸿蒙手机检材&#x…...

编程新知 2026/1/29 17:12:17

04-初识css

一、css样式引入 1.1.内部样式 <div style"width: 100px;"></div>1.2.外部样式 1.2.1.外部样式1 <style>.aa {width: 100px;} </style> <div class"aa"></div>1.2.2.外部样式2 <!-- rel内表面引入的是style样…...

编程新知 2026/1/29 17:54:05

12.找到字符串中所有字母异位词

&#x1f9e0; 题目解析 题目描述&#xff1a; 给定两个字符串 s 和 p&#xff0c;找出 s 中所有 p 的字母异位词的起始索引。 返回的答案以数组形式表示。 字母异位词定义&#xff1a; 若两个字符串包含的字符种类和出现次数完全相同&#xff0c;顺序无所谓&#xff0c;则互为…...

编程新知 2026/1/31 12:52:29