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

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

项目效果

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

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

实现原理

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

系统用例逻辑

在这里插入图片描述

搭建环境

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

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • centos7 服务器搭建
  • 深度学习------------池化层
  • vue3 ts vite开发bug记录(类型转换)
  • 如何获取能直接在浏览器打开的播放地址?
  • C语言 --- 枚举、位运算
  • 电机学习-基础知识
  • AR技术:汽车行业创新发展的新动力
  • Grafana 可视化监控和告警
  • 28. 找出字符串中第一个匹配项的下标【 力扣(LeetCode) 】
  • 【知识点介绍】时钟置换算法(CLOCK算法)
  • 【python学习】深入解析 `jq` 库:JSON 处理的利器
  • 数据库(一):MySQL概述
  • Spring Boot + Vue 跨域配置(CORS)问题解决历程
  • 构建智能生态,视频监控/安防监控EasyCVR视频汇聚流媒体技术在智能分析领域的应用
  • 《TOGAF®标准第10版》:企业架构新时代的必备指南与实践蓝图
  • 《Javascript数据结构和算法》笔记-「字典和散列表」
  • 2017前端实习生面试总结
  • dva中组件的懒加载
  • javascript 哈希表
  • JavaSE小实践1:Java爬取斗图网站的所有表情包
  • JAVA之继承和多态
  • js数组之filter
  • Markdown 语法简单说明
  • PAT A1092
  • pdf文件如何在线转换为jpg图片
  • Selenium实战教程系列(二)---元素定位
  • Spring Cloud(3) - 服务治理: Spring Cloud Eureka
  • vue-cli在webpack的配置文件探究
  • windows-nginx-https-本地配置
  • XML已死 ?
  • 高度不固定时垂直居中
  • 今年的LC3大会没了?
  • 力扣(LeetCode)357
  • 如何用Ubuntu和Xen来设置Kubernetes?
  • 深入 Nginx 之配置篇
  • 视频flv转mp4最快的几种方法(就是不用格式工厂)
  • 试着探索高并发下的系统架构面貌
  • 手机端车牌号码键盘的vue组件
  • 小程序01:wepy框架整合iview webapp UI
  • 小程序测试方案初探
  • 一些基于React、Vue、Node.js、MongoDB技术栈的实践项目
  • C# - 为值类型重定义相等性
  • (16)Reactor的测试——响应式Spring的道法术器
  • (免费领源码)python#django#mysql校园校园宿舍管理系统84831-计算机毕业设计项目选题推荐
  • (深度全面解析)ChatGPT的重大更新给创业者带来了哪些红利机会
  • (四)React组件、useState、组件样式
  • (四)Tiki-taka算法(TTA)求解无人机三维路径规划研究(MATLAB)
  • .NET 4 并行(多核)“.NET研究”编程系列之二 从Task开始
  • .Net 4.0并行库实用性演练
  • .Net 路由处理厉害了
  • .Net6使用WebSocket与前端进行通信
  • .NET牛人应该知道些什么(2):中级.NET开发人员
  • @ResponseBody
  • [ NOI 2001 ] 食物链
  • [ 常用工具篇 ] POC-bomber 漏洞检测工具安装及使用详解