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

webRtc之指定摄像头设备绿屏问题

news 来源：原创 2025/8/15 18:34:17

摘要：最近发现，在使用navigator.mediaDevices.getUserMedia({ deviceId: ‘xxx’}),指定设备的时候，video播放总是绿屏，发现关闭浏览器硬件加速不会出现，但显然这不是一个最好的方案;

播放后张这样

在这里插入图片描述

修复后

在这里插入图片描述

上代码

指定采集宽度高度后就不会出现这个绿屏问题

// js
navigator.mediaDevices.getUserMedia({video: {deviceId: devId,// 指定采集尺寸width: { ideal: 1280 },height: { ideal: 720 },}
}).then((stream) => {const elm: HTMLVideoElement | any = document.getElementById('devDetectionVideoRef');if (elm) {elm.srcObject = stream;}
}).catch((error) => {
})
// html
<video id="devDetectionVideoRef" className={style.video_element}autoPlayplaysInlinewebkit-playsinline='true'
></video>
// css
.video_element{width: 640px;height: 480px;background-color: #233149;
}

相关文章：

webRtc之指定摄像头设备绿屏问题

摘要&#xff1a;最近发现&#xff0c;在使用navigator.mediaDevices.getUserMedia({ deviceId: ‘xxx’}),指定设备的时候&#xff0c;video播放总是绿屏&#xff0c;发现关闭浏览器硬件加速不会出现&#xff0c;但显然这不是一个最好的方案; 播放后张这样 修复后 上代码 指定…...

编程日记 2025/8/15 18:34:17

正则表达式非捕获分组?:

一个使用 Java 正则表达式的具体例子&#xff0c;展示了 (ab) 和 (?:ab) 的不同&#xff1a; 示例 1&#xff1a;使用 (ab)&#xff08;捕获分组&#xff09; import java.util.regex.*; public class RegexExample { public static void main(String[] args) { …...

编程日记 2025/8/15 18:34:16

Linux系统Shell脚本之shell数组、正则表达式、及AWK

目录 一.shell数组 1.数组分类 2.定义数组的方法 二.正则表达式 1. 元字符 2.表示次数 3.位置锚定 4.分组 5.扩展正则表达式 三.文本三剑客之AWK 1.awk 2.使用格式 3、处理动作 4.选项 5.处理模式 6.awk常见的内置变量 7.if条件判断 一.shell数组 1.数组分类 …...

编程日记 2025/8/15 18:34:13

在 ESP-IDF 中使用 .a 静态库调用

1. 准备静态库文件 将你的 .a 文件&#xff08;如 libmylib.a&#xff09;放置在工程目录中&#xff0c;推荐放在 components 子目录下&#xff1a; your_project/ ├── CMakeLists.txt ├── main/ └── components/└── my_lib/├── include/ # 头文件│ …...

编程日记 2025/8/15 18:34:12

​​大疆无人机“指点飞行模式”​​（TapFly）

在大疆无人机的功能中&#xff0c;​​“指点飞行模式”​​&#xff08;TapFly&#xff09;是一种​​通过点击屏幕目标点&#xff0c;让无人机自动规划路径并飞向指定位置​​的智能飞行模式。用户无需手动操控摇杆&#xff0c;只需在 App 地图或实时画面上点击目标位置&…...

编程日记 2025/8/14 23:33:51

力扣 ： 781. 森林中的兔子

781. 森林中的兔子 - 力扣&#xff08;LeetCode&#xff09; 同一个数字的可以分为一组 &#xff0c; 3就是有3个人和我自己相同 也就是4个人&#xff0c;所以相同的数字可以分为 / (num1) 向上取整 class Solution { public:int numRabbits(vector<int>& answer…...

编程日记 2025/8/15 18:34:08

LVS中的DR模式，直接路由模式

DR模式工作原理介绍 请求经过调度器&#xff0c;响应由real server 直接响应给客户端。 如上图所示&#xff0c;real server想要正常访问互联网&#xff0c;后端的real server的网关就得写网络中真实的网关。 DR模式的核心要素&#xff1a;【重点】 1.请求经过调度器&…...

编程日记 2025/8/15 18:34:06

iTwin 数据报表（只是简单的原型不代表实现）

大概想法是 前端从schema和class中选中感兴趣的property内容生成ecsql语句传递给后端后端解析ecsql并提供公开接口给各个分析工具&#xff0c;如excel&#xff0c;poewerBI等&#xff08;Odata或者直接选择来自网站&#xff09;再由分析工具做进一步的处 还未想好的点 如何存…...

编程日记 2025/8/15 18:34:05

【无标题】如何在sheel中运行Spark

启动hdfs集群&#xff0c;打开hadoop100:9870&#xff0c;在wcinput目录下上传一个包含很多个单词的文本文件。 启动之后在spark-shell中写代码。 // 读取文件&#xff0c;得到RDD val rdd1 sc.textFile("hdfs://hadoop100:8020/wcinput/words.txt") // 将单词进行…...

编程日记 2025/8/15 1:59:04

Spark 处理过程转换：算子与行动算子详解

在大数据处理领域&#xff0c;Apache Spark 凭借其强大的分布式计算能力脱颖而出&#xff0c;成为处理海量数据的利器。而 Spark 的核心处理过程&#xff0c;主要通过转换算子和行动算子来实现。本文将深入探讨 Spark 中的转换算子和行动算子&#xff0c;帮助读者更好地理解和应…...

编程日记 2025/8/15 18:34:01

Docker编排工具---Compose的概述及使用

目录 一、Compose工具的概述 二、Compose的常用命令 1、列出容器 2、查看访问日志 3、输出绑定的公共端口 4、重新构建服务 5、启动服务 6、停止服务 7、删除已停止服务的容器 8、创建和启动容器 9、在运行的容器中执行命令 10、指定一个服务启动容器的个数 11、其…...

编程日记 2025/8/15 18:33:59

Matlab实现绘制任意自由曲线

Matlab实现绘制任意自由曲线&#xff0c;实现Photoshop中的钢笔路径功能&#xff0c;用光顺连接的B样条/贝塞尔曲线实现&#xff0c;鼠标点击生成控制点&#xff0c;拖动形成任意曲线。 可描绘多路径&#xff0c;也可旋转、平移、缩放。经调试可用。 ByangtiaoSculpt/Byangti…...

编程日记 2025/8/15 18:33:58

如何保证Kafka生产者的消息顺序性？ （单分区内有序，需确保同一Key的消息发送到同一分区）

Kafka 生产者消息顺序性保障方案 1. 核心实现原理 消息顺序性保障公式&#xff1a; 同一 Key → 同一 Partition → 严格顺序写入2. 关键配置参数 Properties props new Properties(); props.put("acks", "all"); // 确保消息持久化 props.put("ma…...

编程日记 2025/8/15 18:33:56

[D1，2] 贪心刷题

文章目录 摆动序列最大子数组合买卖股票跳跃游戏跳跃2 摆动序列 不像是贪心&#xff0c;只要抓住摆动这个点&#xff0c;前一个上升&#xff0c;那下一个就要下降&#xff0c;记录上一次的状态为1的话&#xff0c;那下一次就要更新为-1&#xff0c;如果上一次为1&#xff0c;这…...

编程日记 2025/8/15 18:33:54

springboot使用阿里云OSS实现文件上传

在Spring Boot中集成阿里云OSS&#xff08;对象存储服务&#xff09;可以通过以下步骤实现&#xff1a; 添加Maven依赖 在pom.xml中添加阿里云OSS SDK依赖&#xff1a; <dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss<…...

编程日记 2025/8/15 18:33:52

nginx之proxy_redirect应用

一、功能说明 proxy_redirect 是 Nginx 反向代理中用于修改后端返回的响应头中 Location 和 Refresh 字段的核心指令&#xff0c;主要解决以下问题&#xff1a;协议/地址透传错误&#xff1a;当后端返回的 Location 包含内部 IP、HTTP 协议或非标准端口时&#xff0c;需修正为…...

编程日记 2025/8/15 18:33:50

FAISS（Facebook AI Similarity Search）

First steps with Faiss for k-nearest neighbor search in large search spaces - Davide’s GitHub pages FAISS&#xff08;Facebook AI Similarity Search&#xff09;是由Meta&#xff08;原Facebook&#xff09;AI团队开发的高效相似性搜索库&#xff0c;主要用于处理大规…...

编程日记 2025/8/15 18:33:48

创建虚拟服务时实现持久连接。

在调度器中配置虚拟服务&#xff0c;实现持久性连接&#xff0c;解决会话保持问题。 -p 【timeout】 -p 300 这5分钟之内调度器会把来自同一个客户端的请求转发到同一个后端服务器。【不管使用的调度算法是什么。】【称为持久性连接。】 作用&#xff1a;将客户端一段时间…...

编程日记 2025/8/15 18:33:47

RabbitMQ中Exchange交换器的类型

在RabbitMQ中&#xff0c;Exchange&#xff08;交换器&#xff09;是消息路由的核心组件&#xff0c;它接收生产者发送的消息&#xff0c;并根据不同的规则将消息转发到一个或多个队列。 RabbitMQ主要支持以下几种类型的交换器&#xff1a; 1. Direct Exchange&#xff08;直连…...

编程日记 2025/8/15 18:33:45

JavaSE核心知识点01基础语法01-05（字符串）

&#x1f91f;致敬读者 &#x1f7e9;感谢阅读&#x1f7e6;笑口常开&#x1f7ea;生日快乐⬛早点睡觉 &#x1f4d8;博主相关 &#x1f7e7;博主信息&#x1f7e8;博客首页&#x1f7eb;专栏推荐&#x1f7e5;活动信息 文章目录 JavaSE核心知识点01基础语法01-05&#xff0…...

编程日记 2025/8/15 18:33:43

Vue 项目中二维码生成功能全解析

Vue 项目中二维码生成功能全解析 在信息快速传递的时代&#xff0c;二维码以其简洁高效的特点&#xff0c;成为数据交互的重要媒介。无论是用于支付、信息分享&#xff0c;还是活动参与&#xff0c;二维码都扮演着关键角色。在 Vue 项目开发中&#xff0c;如何实现二维码生成功…...

编程日记 2025/8/15 18:33:41

【AWS+Wordpress】将本地 WordPress 网站部署到AWS

前言 自学笔记&#xff0c;解决问题为主&#xff0c;亲测有效&#xff0c;欢迎补充。 本地开发机&#xff1a;macOS&#xff08;Sequoia 15.0.1&#xff09; 服务器&#xff1a;AWS EC2&#xff08;Amazon Linux 2023&#xff09; 目标&#xff1a;从本地迁移 WordPress 到云…...

编程日记 2025/8/15 10:46:20

性能优化-初识（C++)

性能优化-初识 一、内联与优化&#xff08;Inlining and Optimization&#xff09;什么是内联&#xff08;inline&#xff09;&#xff1f;使用方式&#xff1a;适用场景&#xff1a;注意事项&#xff1a; 二、缓存友好设计&#xff08;Cache-Friendly Design&#xff09;原理简…...

编程日记 2025/8/15 18:33:37

[人机交互]交互设计过程

*一.设计 1.1什么是设计 设计是一项创新活动&#xff0c;旨在为用户提供可用的产品 –交互设计是“设计交互式产品、以支持人们的生活和工作” 1.2设计包含的四个活动 – 识别用户的需要&#xff08; needs &#xff09;并建立需求&#xff08; requirements &#xff09; …...

编程日记 2025/8/15 18:33:35

密码学基石：哈希、对称/非对称加密与HTTPS实践详解

密码学是现代信息安全的基石&#xff0c;它提供了一系列强大的数学工具和技术&#xff0c;用于保护数据的机密性、完整性和真实性&#xff0c;并确保通信双方的身份可被认证。在纷繁复杂的网络世界中&#xff0c;无论是安全的网页浏览 (HTTPS)、安全的软件更新、还是用户密码的…...

编程日记 2025/8/15 14:16:01

WebRTC通信原理与流程

1、服务器与协议相关 1.1 STUN服务器 图1.1.1 STUN服务器在通信中的位置图 1.1.1 STUN服务简介 STUN&#xff08;Session Traversal Utilities for NAT&#xff0c;NAT会话穿越应用程序&#xff09;是一种网络协议&#xff0c;它允许位于NAT&#xff08;或多重 NAT&#xff09;…...

编程日记 2025/8/15 16:51:29

ChromaDB调用BGE模型的两种实践方式

ChromaDB调用BGE模型 前言1.chromadb调用BGE模型api2.调用本地模型 前言 在语义搜索、知识库构建等场景中&#xff0c;文本向量化&#xff08;Embedding&#xff09;是核心技术环节。作为一款开源的向量数据库&#xff0c;ChromaDB允许开发者通过自定义嵌入函数灵活对接各类模…...

编程日记 2025/8/15 21:17:51

解构与重构：自动化测试框架的进阶认知之旅

目录 一、自动化测试的介绍 &#xff08;一&#xff09;自动化测试的起源与发展 &#xff08;二&#xff09;自动化测试的定义与目标 &#xff08;三&#xff09;自动化测试的适用场景 二、什么是自动化测试框架 &#xff08;一&#xff09;自动化测试框架的定义 &#x…...

编程日记 2025/8/15 18:33:31

如何巧妙解决 Too many connections 报错？

1. 背景 在日常的 MySQL 运维中&#xff0c;难免会出现参数设置不合理&#xff0c;导致 MySQL 在使用过程中出现各种各样的问题。 今天&#xff0c;我们就来讲解一下 MySQL 运维中一种常见的问题&#xff1a;最大连接数设置不合理&#xff0c;一旦到了业务高峰期就会出现连接…...

编程日记 2025/8/15 18:33:29

【卡特兰数】不同的二叉搜索树

文章目录 96. 不同的二叉搜索树解法一：动态规划状态表示状态转移方程初始化遍历顺序返回值💥解法二：卡特兰数96. 不同的二叉搜索树 96. 不同的二叉搜索树 ​ 给你一个整数 n ，求恰由 n 个节点组成且节点值从 1 到 n 互不相同的 二叉搜索树 有多少种？返回满足题意的二叉…...

编程日记 2025/8/15 18:33:28

《饶议科学》阅读笔记

《饶议科学》 《偷窃的生物学机制&#xff1a;&#xff08;有些&#xff09;小偷有药可治》阅读笔记 核心内容&#xff1a;探讨偷窃狂&#xff08;kleptomania&#xff09;的生物学机制及相关研究。具体要点 偷窃狂的特征&#xff1a;患者不可抑制地反复偷窃个人不需要、与金钱…...

编程日记 2025/8/14 15:37:36

ShardingJdbc-公共表

ShardingJdbc-公共表 公共表 公共表属于系统中数据量小&#xff0c;变动少&#xff0c;但是却高频联合查询的表&#xff0c;参数表&#xff0c;字典表等属于此类型。可以将此类表在每个数据库中存储一份&#xff0c;所有更新操作将同时发送到所有分库执行。 案例 建立库 shar…...

编程日记 2025/8/15 18:33:26

低成本监控IPC模组概述

1、低成本sigmastar ssc335\ssc377摄像机方案&#xff0c;配合AI边缘计算终端即插即用&#xff0c;差异化AI训练及样 本采集 2、支持200万、500万H265\H264视频编码&#xff0c;支持网络Rtsp,Rtmp,Onvif&#xff0c;web,GB28181,tf卡本地录像&#xff0c; 视频平台接入等...

编程日记 2025/8/15 18:33:24

携手高校科研团队，共建TWS耳机芯片技术新生态

TWS&#xff08;真无线立体声&#xff09;蓝牙耳机已成为人们生活中不可或缺的一部分。而在这背后&#xff0c;有一家名为华芯邦的公司&#xff0c;其专注于TWS蓝牙仓耳机芯片的研发&#xff0c;并不断取得令人瞩目的突破。 一、芯片领域的实力玩家 华芯邦作为一家在芯片行业崭…...

编程日记 2025/8/15 18:33:22

动态规划-91.解码方法-力扣(LeetCode)

一、题目解析 将对应字符转化为数字&#xff0c;我们知道有的大写字母范围是在[1&#xff0c;9]&#xff0c;剩下的则是[10&#xff0c;26]&#xff0c;这个对应关系使我们解题的关键。 二、算法原理 1.状态表示 dp[i]表示&#xff1a;以i位置为结尾时&#xff0c;解码方法总…...

编程日记 2025/8/14 19:28:12

（三）Java数据类型与进制详解

一、Java数据类型概述 Java是一种强类型语言&#xff0c;这意味着每个变量和表达式在编译时都必须有明确的类型。Java的数据类型系统是其核心基础之一&#xff0c;它决定了如何存储数据、能存储什么样的数据以及能对数据执行哪些操作。 1.1 为什么需要数据类型 数据类型在编…...

编程日记 2025/8/15 18:33:18

用 CodyBuddy 帮我写自动化运维脚本

我正在参加CodeBuddy「首席试玩官」内容创作大赛&#xff0c;本文所使用的 CodeBuddy 免费下载链接&#xff1a;腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴”。 #CodeBuddy首席试玩官 背景 我个人是非常喜欢 Jenkins 自动化部署工具的&#xff0c;之前都是手写 Jenki…...

编程日记 2025/8/15 18:33:16

【Linux庖丁解牛】—程序地址空间【进程地址空间 | 虚拟地址空间】

1. 再谈空间分布图 我们之前在学C/C的时候必然学过上面的空间分布图。 可是我们对他并不理解&#xff01;这里先对其进行各区域分布验证&#xff1a; #include <stdio.h> #include <unistd.h> #include <stdlib.h> int g_unval; int g_val 100; int ma…...

编程日记 2025/8/15 21:17:49

nginx 上传文件，413 request entity too large

目录 1 问题2 解决 1 问题 前端后端项目&#xff0c;上传文件&#xff0c;接口没问题&#xff0c;但是就是上传不成功 &#xff0c;然后打开f12 &#xff0c;发现这个接口出现413 request entity too large 这个报错 2 解决 1.1 修改nginx配置文件 在Nginx中&#xff0c;cli…...

编程日记 2025/8/15 21:17:48

Nacos源码—5.Nacos配置中心实现分析二

大纲 1.关于Nacos配置中心的几个问题 2.Nacos如何整合SpringBoot读取远程配置 3.Nacos加载读取远程配置数据的源码分析 4.客户端如何感知远程配置数据的变更 5.集群架构下节点间如何同步配置数据 4.客户端如何感知远程配置数据的变更 (1)ConfigService对象使用介绍 (2)客…...

编程日记 2025/8/15 21:17:46

数智管理学（八）

四、未来管理学可能的新拓展方向 &#xff08;一&#xff09;人工智能与机器学习的融合形成智能决策管理职能 随着人工智能和机器学习技术的不断发展&#xff0c;它们将在管理学中得到更广泛的应用。传统决策方法难以快速处理海量数据并准确把握复杂的市场动态。人工智能与机…...

编程日记 2025/8/15 21:17:44

Compose Multiplatform iOS 稳定版发布：可用于生产环境，并支持 hotload

随着 Compose Multiplatform 1.8.0 的发布&#xff0c;iOS 版本也引来的第一个稳定版本&#xff0c;按照官方的原话&#xff1a;「iOS Is Stable and Production-Ready」 &#xff0c;而 1.8.0 版本&#xff0c;也让 Kotlin 和 Compose 在移动端有了完整的支持。 在 2023 年 4 …...

编程日记 2025/8/15 21:17:42

spark基本介绍

一、Spark概述 Spark是一种基于内存的快速、通用、可拓展的大数据分析计算引擎。 Hadoop是一个分布式系统结构的基础架构。 二、Spark与Hadoop相比较的优势&#xff1a; 1. 处理速度&#xff1a;Hadoop&#xff1a;数据处理速度相对较慢 Spark&#xff1a;速度比Hadoop快很…...

编程日记 2025/8/15 21:17:40

DeepSeek智能时空数据分析（九）：NL2SQL绘制河流名字-如何给轨迹添加说明文字

序言&#xff1a;时空数据分析很有用&#xff0c;但是GIS/时空数据库技术门槛太高 时空数据分析在优化业务运营中至关重要&#xff0c;然而&#xff0c;三大挑战仍制约其发展&#xff1a;技术门槛高&#xff0c;需融合GIS理论、SQL开发与时空数据库等多领域知识&#xff1b;空…...

编程日记 2025/8/15 21:17:39

管家婆实用贴-如何在Excel中清除空格

我们在使用管家婆软件时&#xff0c;经常会用到Excel表格导入导出数据&#xff0c;在使用Excel整理数据时&#xff0c;数据中的空格可能会导致计算和分析出现问题。无论是多余的前导空格、尾部空格还是单元格中的不必要空格&#xff0c;清除它们都是确保数据准确性的关键。今天…...

编程日记 2025/8/15 21:17:37

《软件项目管理》笔记一

软件项目管理概述 项目管理属于软件工程的组成之一&#xff0c;另外两部分为&#xff1a;软件开发&#xff0c;过程改进。 参考书如下&#xff1a; 1.1 项目与软件项目 1、项目&#xff1a; 为了创造一个唯一的产品或提供一个唯一的服务而进行 的临时性的努力。 2、项目的…...

编程日记 2025/8/15 21:17:35

前端线上错误日志收集与定位指南

想象一下&#xff1a;你的Web应用上线后&#xff0c;用户反馈“按钮点不动”或“页面白屏”&#xff0c;但你却无从下手&#xff01;前端线上错误如JavaScript异常、网络失败&#xff0c;稍不注意就让用户流失&#xff0c;业务受损。令人抓狂的是&#xff0c;80%的错误悄无声息…...

编程日记 2025/8/15 21:17:33

可视化魔法指南

🎨 ECharts数据可视化魔法指南 🌟 ECharts：数据的艺术画笔 #mermaid-svg-ARwFHUrXBJ03Gpo9 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-ARwFHUrXBJ03Gpo9 .error-icon{fill:#552222;}#mermaid-svg-ARwFHUr…...

编程日记 2025/8/14 22:03:15

使用ffmpeg截取MP3等音频片段

可以使用以下命令通过 ffmpeg 截取 MP3 音频文件的指定片段： ffmpeg的安装方法参考：linux 安装包方式安装ffmpeg，并在环境中设定或指定ffmpeg地址_linux 通过ffmpeg访问地址-CSDN博客 ffmpeg -ss [start_time] -i input.mp3 -to [end_time] -codec copy output.mp3 参数说…...

编程日记 2025/8/15 21:17:30

FFmpeg(7.1版本)编译生成ffplay

FFmpeg在编译的时候，没有生成ffplay，怎么办？ 1. 按照上一篇文章：FFmpeg(7.1版本)在Ubuntu18.04上的编译_ffmpeg-7.1-CSDN博客 在build.sh脚本里配置了ffplay 但是，实际上却没有生成ffplay，会是什么原因呢？ 2. 原因是编译ffplay的时候，需要一些依赖库 sudo apt-get i…...

编程日记 2025/8/15 21:17:28