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

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

news 文章来源：https://blog.csdn.net/qq_43399210/article/details/141065152 2025/1/18 13:22:27

项目效果

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

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

实现原理

关于原理我就不做说明，直接看图
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

网络状态码-经验笔记

网络状态码-经验笔记 引言 在网络通信中&#xff0c;HTTP&#xff08;Hypertext Transfer Protocol&#xff09;状态码是服务器向客户端&#xff08;通常是Web浏览器&#xff09;发送响应时所包含的重要信息之一。 这些状态码指示了客户端请求的结果。 了解并正确使用这些状态…...

编程日记 2024/8/14 23:45:08

c++ 实现 actor 框架

服务端&#xff1a;https://github.com/xukeawsl/coro_actor 客户端&#xff1a;https://github.com/xukeawsl/coro_actor_client...

编程日记 2024/8/14 23:44:06

应对猫咪掉毛挑战，希喂、小米热门宠物空气净化器实测功效PK

随着养宠人群的增多&#xff0c;铲屎官们的需求日益增长&#xff0c;市场上出现了很多品牌的宠物空气净化器。然而&#xff0c;产品质量参差不齐&#xff0c;给消费者选择带来不少困难。劣质宠物空气净化器不仅无法有效去除宠物毛发、皮屑、异味及空气中的有害微粒&#xff0c;…...

编程日记 2024/8/14 23:43:05

0002 保险会计及其特殊性

保险会计是将会计理论专门应用于保险公司的专业会计领域&#xff0c;它是会计学的一个重要分支。作为一个分支&#xff0c;保险会计具有独特的特性&#xff0c;这些特性主要表现在以下几个方面&#xff1a; 产品的无形性&#xff1a;保险产品本质上是一种无形的商品&#xff0c…...

编程日记 2024/8/14 23:41:01

ChatTTS：终极文本转语音工具，支持API！

ChatTTS&#xff1a;终极文本转语音工具&#xff0c;支持API&#xff01; 文本转语音&#xff08;TTS&#xff09;系统的发展已经取得了长足的进步。从最初的机械化、平坦的声音&#xff0c;到如今听起来令人惊讶的人声&#xff0c;ChatTTS作为这一领域的新成员&#xff0c;旨…...

编程日记 2024/8/14 23:37:57

VUE和Element Plus

1.VUE 1.下载和配置环境 使用vue编程&#xff0c;我们需要使用到的编程软件是vs code&#xff0c;还需要使用node.js&#xff0c;这个的作用就类似于JDK&#xff0c;当我们都下载好之后&#xff0c;winR键打开命令提示符&#xff0c;我们在这里可以查看版本&#xff0c; npm…...

编程日记 2024/8/14 23:36:56

Python学习笔记（五）

""" 演示tuple元组的定义和操作 """# 元组一旦定义完成&#xff0c;就不可修改 # 定义元组 # t1 (1, "Hello", True) # t2 () # 定义空元组 # t3 tuple() #定义空元组 # print(f"t1的类型是&#xff1a;{type(t1)}, 内容是&…...

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

Linux企业级应用（一）构建企业级Linux应用平台：全面指南

文章目录 构建企业级Linux应用平台&#xff1a;全面指南前言1. Linux企业级应用简介2. 构建企业级网站应用平台使用LNMP架构构建Web服务器部署MySQL数据库主从复制与读写分离 3. 实施虚拟化技术部署KVM虚拟化平台使用LVS和Keepalived实现负载均衡与高可用性 4. 文件系统与分布式…...

编程日记 2024/8/14 23:32:49

LeetCode112 路径总和

前言 题目&#xff1a; 112. 路径总和 文档&#xff1a; 代码随想录——路径总和 编程语言&#xff1a; C 解题状态&#xff1a; 成功解答&#xff01; 思路 比较简单的一个思路是遍历所有的路径&#xff0c;求和后再查找目标值。但是&#xff0c;最好的方法是一边遍历&#x…...

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

TI AWR1843 毫米波雷达实物展示

引言 随着自动驾驶、工业自动化以及智能交通系统的快速发展&#xff0c;雷达传感器在现代科技中的重要性日益提升。毫米波雷达凭借其高精度测距、抗干扰能力强等特点&#xff0c;逐渐成为各类感知系统中的关键技术。德州仪器&#xff08;TI&#xff09;推出的 AWR1843 毫米波雷…...

编程日记 2024/8/14 23:28:32

中交路桥建设网站/腾讯朋友圈广告怎么投放

分支预测 在stackoverflow上有一个非常有名的问题&#xff1a; 为什么处理有序数组要比非有序数组快&#xff0c;可见分支预测对代码运行效率有非常大的影响。 现代CPU都支持分支预测(branch prediction)和指令流水线(instruction pipeline)&#xff0c;这两个结合可以极大提高…...

编程日记 2025/1/18 10:53:11

https的网站怎么做/江苏建站

MVC的组成部分&#xff1a;模型 (Model)代表你的数据结构。通常来说&#xff0c;你的模型类将包含取出、插入、更新你的数据库资料这些功能。视图 (View)是展示给用户的信息。一个视图通常是一个网页。控制器 (Controller)是模型、视图以及其他任何处理 HTTP 请求所必须的资源之…...

编程日记 2025/1/18 9:41:09

手机端的网站首页该怎么做/电脑培训学校哪家好

由于工作需要&#xff0c;需要搭建hadoopzookeeperhbasestormkafka集群准备了三台服务器&#xff08;一台8核32G内存300G硬盘充当master&#xff0c;一台8核16G内存300G硬盘充当slave01&#xff0c;一台816G500G硬盘充当slave02&#xff0c;并且都能上网&#xff09;&#xff0…...

编程日记 2025/1/18 7:01:43

wordpress文件无法创建目录/网页设计制作网站代码

本教程将介绍执行哪些步骤才能在应用程序中添加Telerik UI for WPF控件。 本文主要向您展示如何在XAML中手动声明命名空间。 几乎所有Telerik控件都可以在“telerik”URI 命名空间架构中找到&#xff0c;您只能使用此命名空间来访问在应用程序中引用的Telerik程序集中的所有控…...

编程日记 2025/1/18 6:29:57

360未经证实的网站如何做/百度地图网页版

关注 M r . m a t e r i a l , \color{Violet} \rm Mr.material\ , Mr.material ,...

编程日记 2025/1/18 5:24:33

在网页做动态图片的网站/杭州网络推广有限公司

虚拟机快照操作 1.什么是Bash shell&#xff1f; 它就是命令解释器&#xff0c;将用户输入的指令翻译给内核程序&#xff0c;内核处理完成之后将结果返回给Bash 2.Bash shell的用途&#xff1f; 几乎能完成所有的操作&#xff1a; 文件管理 &#xff08;创建 移动 复制 删除 编…...

编程日记 2025/1/18 5:13:26