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

webrtc一对一视频通话功能实现

news 2026/5/14 9:05:17

项目效果

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

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

实现原理

关于原理我就不做说明，直接看图
WebRTC建立的时序图
在这里插入图片描述
在这里插入图片描述

系统用例逻辑

在这里插入图片描述

搭建环境

turn服务器：Ubuntu24.04搭建turn服务器
mkcert的安装和使用：配置https访问
必须使用https协议，
由于浏览器的安全策略导致的，目前本人翻阅到的文档，有下面三种情况是可以调起设备的，也就是navigator.mediaDevices不为undefined：

  1. 地址为localhost:// 访问时
  2. 地址为https:// 时
  3. 为文件访问file:///
    项目地址

相关文章：

webrtc一对一视频通话功能实现

项目效果 实现原理 关于原理我就不做说明，直接看图 WebRTC建立的时序图 系统用例逻辑 搭建环境 turn服务器：Ubuntu24.04搭建turn服务器 mkcert的安装和使用：配置https访问 必须使用https协议， 由于浏览器的安全策略导致的&am…...

编程日记 2024/8/15 0:18:50

通道（channel）传递数据的例子写一个

当然！以下是一个简单的 Go 程序示例，展示了如何使用通道（channel）在两个 goroutine 之间传递数据。示例代码 go package mainimport ("fmt""time" )// 发送数据到通道的 goroutine func sendData(ch chan int…...

编程日记 2024/8/15 0:17:49

Vue3+Echarts+饼图环形图

记得给容器宽高 <div id"leftChartguawang" style"height: 28vh"></div> 配置函数 const leftChartguawang () > {const chartBox echarts.init(document.getElementById(leftChartguawang))let datas [[{ name: 居民节能建筑, value…...

编程日记 2024/8/15 0:13:44

Python while编程题目｜AI悦创Python一对一教学辅导

你好&#xff0c;我是悦创。 以下是十道有创意的while循环编程题目&#xff0c;每道题目都有一定的难度&#xff0c;适合锻炼编程逻辑和思维能力。 题目1&#xff1a;旋转字符串 描述&#xff1a;给定一个字符串&#xff0c;每次循环将字符串的第一个字符移到末尾&#xff0…...

编程日记 2024/8/15 0:12:43

C语言 | Leetcode C语言题解之第324题摆动排序II

题目&#xff1a; 题解&#xff1a; static inline void swap(int *a, int *b) {int c *a;*a *b;*b c; }static inline int partitionAroundPivot(int left, int right, int pivot, int *nums) {int pivotValue nums[pivot];int newPivot left;swap(&nums[pivot], &a…...

编程日记 2024/8/15 0:11:42

Docker③_VMware虚拟机和Docker的备份与恢复

目录 1. VMware虚拟机的快照备份 1.1 VMware本机的快照备份 1.2 VMware快照备份到另一电脑 2. Docker知识点 2.1 Docker镜像和容器的关系 2.2 Docker的存储卷 2.3 Docker命令简介 2.4 删除Anylink镜像 3. Docker备份和恢复 3.1 确定要回滚的容器和版本 3.2 备份当前…...

编程日记 2024/8/15 0:10:40

【EMC专题】ESD抑制器简要介绍

在ESD保护器件中可以分为陶瓷基类型和半导体基类型。其中有一类陶瓷基类型，使用的机制是电极间放电方法的产品就是ESD抑制器。本文章简要介绍了ESD抑制器的特点、基本结构和特性。 ESD抑制器的特点 ESD抑制器是间隙型的ESD（静电放电 Electrostatic Discharge）对策保护元件，…...

编程日记 2024/8/15 0:09:39

贷齐乐系统最新版SQL注入（绕过WAF可union select跨表查询）

目录 标题&#xff1a;贷齐乐系统最新版SQL注入&#xff08;绕过WAF可union select跨表查询&#xff09; 内容&#xff1a; 一&#xff0c;环境部署 二&#xff0c;源码分析 三&#xff0c;sql注入 总结&#xff1a; [回到顶部]&#xff08;#article_top&#xff09; 一&am…...

编程日记 2024/8/15 0:08:38

『大模型笔记』虚拟机（Virtual Machine，VM）与Docker对比！

『大模型笔记』虚拟机（Virtual Machine，VM）与Docker对比！ 文章目录 一. 虚拟机（Virtual Machine，VM）与Docker对比！1. 定义这两种技术2. 工作原理3. 关于如何选择适合工作负载的技术的指导二. 参考文献Docker 只是一个轻量级的虚拟机吗？虽然二者确实有一个共同点，即 虚…...

编程日记 2024/8/15 0:05:35

基于SpringBoot+Vue框架的租车管理系统

文章目录 一、项目介绍二、项目类型三、技术栈介绍1.客户端技术栈2.服务端技术栈 四、项目创新点五、项目功能介绍1.客户端功能2.服务端功能 六、项目的主要截图页面如下展示1.客户端展示2.服务端展示 七、项目源码 一、项目介绍 ​大家好&#xff0c;我是执手天涯&#xff0c;…...

编程日记 2024/8/15 0:04:34

HAProxy基本配置及参数实操

目录 ​编辑什么是负载均衡 为什么用负载均衡 四层和七层的区别 实验环境 实验步骤 webserver上安装nginx 启动nginx 安装haproxy 编辑配置文件 多进程 多线程 SORRY SERVER 访问重定向 maxconne最大可承受连接 socat 工具 常用示例 ha p r ox y 的 算 法 静 …...

编程日记 2024/8/15 0:03:33

go-zero中间件的使用

一、自定义中间件 1、在api中在服务中定义一个中间件,名字随便取 type PostDemoReq {Name string json:"name" validate:"required" // 姓名Age int64 json:"age" validate:"required,gte1,lte130" // 年龄// optional 表示可选,omi…...

编程日记 2024/8/15 0:02:31

六、ESP32-S3上使用MicroPython点亮WS2812智能LED灯珠并通过web控制改变灯珠颜色优化超时和线程

实现通过ESP32S3连接Wi-Fi并使用Web页面控制WS2812灯珠的颜色&#xff0c;可以使用ESP32的WebServer库来创建一个简单的Web界面。通过这个界面&#xff0c;可以动态地控制灯珠的显示效果。 针对 五、ESP32-S3上使用MicroPython点亮WS2812智能LED灯珠并通过web控制改变灯珠颜色…...

编程日记 2024/8/15 0:01:29

(el-Time-Picker)操作(不使用 ts)：Element-plus 中 TimePicker 组件的使用及输出想要时间格式需求的解决过程

Ⅰ、Element-plus 提供的 TimePicker 时间选择器组件与想要目标情况的对比&#xff1a; 1、Element-plus 提供 TimePicker 组件情况&#xff1a; 其一、Element-ui 自提供的 TimePicker 代码情况为(示例的代码)&#xff1a; // Element-plus 提供的组件代码: <template>…...

编程日记 2024/8/14 23:55:21

UIAbility组件基础（一）

一、概述 UIAbility组件是一种包含UI的应用组件&#xff0c;主要用于和用户交互。UIAbility组件是系统调度的基本单元&#xff0c;为应用提供绘制界面的窗口。一个应用可以包含一个或多个UIAbility组件。每一个UIAbility组件实例都会在最近任务列表中显示一个对应的任务。 U…...

编程日记 2024/8/14 23:54:20

神经网络的数学原理

前言：Hello大家好，我是小哥谈。人工智能技术的发展与成功应用已经成为21世纪科技领域最大的新现象。然而，科学地理解人工智能原理已经超出了现有科学体系的范畴。显然，人工智能是人类科学技术发展的必然结果，人工智能科学也将是人类科学进步与发展必然实现的目标🌈 …...

编程日记 2024/8/14 23:52:18

Java设计模式-抽象工厂模式-一次性理解透

1. 抽象工厂模式简介 抽象工厂设计模式是创建型模式之一。抽象工厂模式与工厂模式几乎相似&#xff0c;只是它更像工厂中的工厂。 如果您熟悉Java 中的工厂设计模式&#xff0c;或看过上一篇我写的“java简单工厂模式”&#xff0c;您会注意到我们有一个工厂类。此工厂类根据…...

编程日记 2024/8/14 23:51:17

day16-测试自动化之selenium的PO模式

一、PO模式介绍 PO&#xff08;Page Object&#xff09;模式是一种在自动化测试中常用的设计模式&#xff0c;将页面的每个元素封装成一个对象&#xff0c;通过操作对象来进行页面的交互。 一般分为六个版本&#xff0c;现在大部分企业都用的V4版本&#xff0c;三层结构…...

编程日记 2024/8/14 23:50:15

Springboot+freemarker大段文本内容动态修改输出，所见即所得

场景&#xff1a;给领导导出数据时&#xff0c;需要给出一个针对专业名词的解释说明&#xff0c;因此会存在有大批量的、大段的文本内容。如果直接写在代码里面&#xff0c;没啥大问题&#xff0c;但是大量的拼接替换、格式样式、后续修改维护等&#xff0c;都不是很方便。如果…...

编程日记 2024/8/14 23:48:12

Kali Linux网络问题解决与静态IP配置技巧

很多用户在使用 Kali Linux 时会遇到无法联网的问题&#xff0c;尤其是在 VMware 虚拟机中。这种情况相当常见&#xff0c;一般都是没有配置DNS服务器或者网卡配置文件的IP和虚拟网络编辑器的IP不一致所导致的&#xff0c;下面我们将探讨如何在 Kali Linux 中配置 DNS 服务和设…...

编程日记 2024/8/14 23:47:10

2026.5.12@霖宇博客制作中遇见的问题

1 one<el-form :model"passwordForm" :rules"rules" ref"formRef" label-width"100px"> <el-form-item label"原密码" prop"oldPassword"> <el-input v-model"passwordFor…...

编程新知 2026/5/14 8:32:38

开发容器实战：用Dev Containers统一团队开发环境，告别配置地狱

1. 项目概述与核心价值 最近在折腾一个跨平台协作的项目&#xff0c;团队里有人用 Mac&#xff0c;有人用 Windows&#xff0c;还有人用 Linux 桌面&#xff0c;开发环境配置起来简直是“八仙过海&#xff0c;各显神通”&#xff0c;但结果往往是“一地鸡毛”。一个依赖版本不…...

编程新知 2026/5/14 7:23:31

P1238 走迷宫【洛谷算法习题】

P1238 走迷宫 网页链接 P1238 走迷宫 题目描述 有一个 mnm\times nmn 格的迷宫(表示有 mmm 行、nnn 列)&#xff0c;其中有可走的也有不可走的&#xff0c;如果用 111 表示可以走&#xff0c;000 表示不可以走&#xff0c;文件读入这 mnm\times nmn 个数据和起始点、结束点…...

编程新知 2026/5/14 6:03:51

【RK3588开发】SPI回环

SPI回环 &#xff08;1&#xff09;内核SPI子系统使能 修改内核配置需要先加载默认配置&#xff0c;然后图形界面修改后需保存配置在以下目录下勾选图中的选项&#xff1a; **>**Device Drivers —> ​ ->[*] SPI support —>至少勾选以下选项&#xff1a; Rockchi…...

编程新知 2026/5/14 4:42:10

hover-effect 性能优化：确保你的 WebGL 扭曲效果流畅运行

hover-effect 性能优化&#xff1a;确保你的 WebGL 扭曲效果流畅运行 【免费下载链接】hover-effect Javascript library to draw and animate images on hover 项目地址: https://gitcode.com/gh_mirrors/ho/hover-effect hover-effect 是一款基于 WebGL 的 JavaScript…...

编程新知 2026/5/14 4:17:38

Windows on ARM：从技术预言到生态重塑的十年架构演进

1. 项目概述&#xff1a;一次重塑计算格局的“联姻”2010年&#xff0c;当业界还在消化Windows 7带来的变化时&#xff0c;一则关于“Windows 8将支持ARM架构”的传闻&#xff0c;在半导体和操作系统领域投下了一颗重磅炸弹。这不仅仅是关于一个新操作系统的功能更新&#xff0…...

编程新知 2026/5/14 4:13:21

Fast-GitHub：国内开发者必备的GitHub下载加速终极方案

Fast-GitHub&#xff1a;国内开发者必备的GitHub下载加速终极方案 【免费下载链接】Fast-GitHub 国内Github下载很慢&#xff0c;用上了这个插件后&#xff0c;下载速度嗖嗖嗖的~&#xff01; 项目地址: https://gitcode.com/gh_mirrors/fa/Fast-GitHub 对于身处国内的开…...

编程新知 2026/5/14 3:04:08

告别DETR训练慢！用Deformable DETR在COCO数据集上快速搞定小目标检测（附PyTorch代码）

告别DETR训练慢&#xff01;用Deformable DETR在COCO数据集上快速搞定小目标检测&#xff08;附PyTorch代码&#xff09; 在目标检测领域&#xff0c;DETR&#xff08;Detection Transformer&#xff09;以其端到端的特性吸引了大量关注&#xff0c;但实际应用中暴露出两个致命…...

编程新知 2026/5/14 0:56:08

解锁iPad生产力：一文详解连接Windows作副屏的实用方案

1. 为什么需要把iPad变成Windows副屏&#xff1f; 作为一名常年奔波在客户现场的技术顾问&#xff0c;我的背包里永远装着三样东西&#xff1a;Windows笔记本、iPad和充电宝。有次在高铁上赶方案&#xff0c;盯着13寸的笔记本屏幕同时开PS修图、写文档和查资料&#xff0c;差点…...

编程新知 2026/5/14 0:32:33

企业级Angular微前端架构中，Claude如何安全介入模块拆分与契约校验（含TS类型推导审计日志）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;企业级Angular微前端架构中Claude介入的边界与安全基线 在企业级 Angular 微前端系统中&#xff0c;将 Claude 类大语言模型&#xff08;LLM&#xff09;作为辅助开发工具引入时&#xff0c;必须严格界…...

编程新知 2026/5/14 0:30:30