小蚂蚁i

在现代前端开发中，Vite作为一个快速、简洁的构建工具备受欢迎。然而，在配置Vite反向代理时，我们可能会遇到令人困扰的问题，特别是在处理HTTP代理到HTTPS的情况。本...

TypeScript 是一种由微软开发并维护的开源编程语言。它是 JavaScript 的一个超集，增加了静态类型检查、类、接口和命名空间等功能。 在本文中，我们将详细介绍...

一对一音视频通话 获取媒体信息 本地媒体流显示到localVideo 创建媒体协商 将sdp写入本地1和本地2并创建访问 将sdp写入本地1和本地2并创建回答 挂断...

统计信息 1. 引入第三方库 client.js 代码的实现 在该代码中，最重要的是 32～89 行的代码，因为这其中实现了一个定时器——每秒钟执行一次。每次定时器被触发时...

WebRTC实时传输文件 基本原理 在 WebRTC 中，实时文件的传输与实时文本消息传输的基本原理是一样的，都是使用 RTCDataChannel 对象进行传输。但它们之...

文本聊天的实现 配置 RTCDataChannel 第一个参数是一个标签（字符串），相当于给 RTCDataChannel 起了一个名字； 第二个参数是 options，其...

WebRTC 信令服务器的作用 你若想要实现 WebRTC 信令服务器，首先就要知道它在 WebRTC 1 对 1 通信中所起的作用。实际上它的功能是蛮简单的，就是进行信令...

连接建立的基本原则 接下来，我将通过两个具体的场景，向你介绍一下 WebRTC 建立连接的基本原则。不过在讲解之前，我们先设置一些假设条件，这样会更有利于我们下面的描述： ...

媒体协商 创建连接和信令 创建连接，指的是创建 RTCPeerConnection，它负责端与端之间彼此建立 P2P 连接。在后面 RTCPeerConnection 一节...

**SDP**（Session Description Protocal）说直白点就是用文本描述的**各端**（PC 端、Mac 端、Android 端、iOS 端等）的*...

使用getDisplayMedia抓取桌面 共享桌面的基本原理 对于共享者，每秒钟抓取多次屏幕（可以是 3 次、5 次等），每次抓取的屏幕都与上一次抓取的屏幕做比较，取它们...

服务端录制和客户端录制 服务端录制：优点是不用担心客户因自身电脑问题造成录制失败（如磁盘空间不足），也不会因录制时抢占资源（CPU 占用率过高）而导致其他应用出现问题等；缺...

利用浏览器实现拍照功能 非编码帧与编码帧 1.编码帧 相对于非编码帧，通过编码器（如 H264/H265、VP8/VP9）压缩后的帧称为编码帧。这里我们以 H264 为例，...

获取音视频设备列表 MediaDevices，该接口提供了访问（连接到计算机上的）媒体设备（如摄像头、麦克风）以及截取屏幕的方法。实际上，它允许你访问任何硬件媒体设备。而咱...

WebRTC，网页即时通信（Web Real-Time Communication），实现了基于网页的视频会议。WebRTC具有免安装，方便接入的特点，它不需要安装任何插件...

cross-env的下载安装 在package.json中添加 cross-env 后边跟着的RUNTYP是注入环境变量的key，test为值； 在vue.config.j...

__dirname 和 __filename 的区别 概念解释： __dirname: 表示当前执行node环境的路径 __filename: 表示获取当前的执行文件， 简...