sxuan

一、背景 背景：由于内部的图片加载时间过长，后续经过压缩优化后，有效降低了前后的请求速度和图片大小，现在要收集每个图片的请求时间。 整体思路：采用浏览器自动化运行访问并收集...

前言 可能大家都听说过WebRTC中可以传输文字文件，但是是怎么实现的我们今天就来看一看。 原理解析 开始之前我们需要认识一个新的APIRTCDataChannel,RTC...

vite迁移记录 为什么要迁移到vite 在我们现在前端开发文件越来越多的情况下，webpack的速度也是越来越慢，尤其是在热更的体验上是一言难尽。 为了提高开发的愉悦度，...

Web连麦场景+蓝牙耳机会产生什么奇妙的 bug？这种奇怪的bug又该如何定位和处理呢？本文带你一探究竟...

W3C 的信标（Beacon）候选推荐草案定义了一个异步非阻塞的数据上报接口，可以最大限度地减少对其他关键操作的资源占用，同时保证请求能正常发出。该接口就是 navigat...

前言 在使用webRTC过程中，总会有想了解当前状态的时候，这个时候就需要对当前的WebRTC连接进行监控和统计，比如当前接收的视频帧率，分辨率，丢包率等等，有了这些信息，...

这个场景是在实时音视频中非常常见的需求，但是你有想过，这个控制音视频的开关应该怎么实现吗，如何关闭我的音视频或者关闭别人的音视频。 那么针对这个场景，我们一个一个来进行解析...

在前面的文章中已经介绍了一些WebRTC的概念，这一章开始介绍一些音视频中常见的名词，废话不多说我们直接开始吧 音视频相关 YUV YUV 是一种颜色编码方法，和它等同的还...

前言 上一篇中我们讲解了一下媒体协商的过程，以及为什么要进行媒体协商，如果协商完成，接下来就是要进行媒体数据的传输，但是在我们的互联网中，网络情况是非常复杂的，要怎么解决私...

在上一篇中我们介绍了SDP的规范和作用，那么接下来我们要看看WebRTC中是如何通过SDP进行媒体协商的。 开始之前再介绍一下媒体协商的作用，我们可以先思考一个问题，视频的...

SDP的解释，SDP 会话描述协议，基于文本，其本身并不属于传输协议，需要依赖其它的传输协议来交换必要的媒体信息，用于两个会话实体之间的媒体协商。...

介绍RTP之前我们来先看看为什么需要RTP 为什么是UDP 首先我们都知道TCP/IP协议 在传输层，它提供了节点间的数据传送服务，其中最为人所熟知的TCP协议（Trans...

在开始拍照之前我们先要学习一点知识，非编码帧、编码帧。 基础知识 非编码帧 首先我们要知道视频是有帧率这个概念的，常见的电影电视是24帧，大家打游戏也会说多少帧，播放视频也...

在webRTC的应用中，会出现用户一边看到视频画面，一边需要干其他事情的情况，这个时候就适合采用视频画中画的功能。但是现在浏览器只能对一个视频画面实现视频画中画的功能，有时...