一、技术背景 根据 Cisco 预测指数显示，到 2022 年，视频将占所有 IP 流量的 82％，高于目前的 75％。在疫情背景下，线上实时音视频交互已经是当下和未来重要的交互途径之一了，比如在线视

本篇文章以 0 经验音视频开发者 视角，类比常用的 Web 技术，期望帮助您简单入门 WebRTC 技术！

基于 WebGL 周边也衍生了众多的第三方库，都大大的降低了学习 WebGL 的成本。了解 WebGL 的基本概念，以便能更好的去理解不同框架带来的便捷以及优势！

相信大家都使用过web版的视频会议，视频面试，在线视频教育等功能。而这些功能的实现都离不开一项技术，那就是webRTC，webRTC是一项实时通讯技术。

这篇文章开始会实现一个一对一WebRTC和多对多的WebRTC，以及基于屏幕共享的录制。本篇会实现信令和前端部分，信令使用fastity来搭建，前端部分使用Vue3来实现。 为什么要使用WebRTC

不知你是否用过 web 版的视频面试，或者 web 版在线会议，它们都支持分享屏幕、也能开启摄像头，这些都是浏览器上实现的。 作为前端开发，是否好奇过这些功能的实现原理呢？ 浏览器上的音视频通信相关的

通过上两个系列专栏的学习，我们对前端音视频及 WebRTC 有了初步的了解，是时候敲代码实现一个 Demo 来真实感受下 WebRTC 实时通讯的魅力了。还没有看过的同学请移步： RTCPeerConnection 类是在浏览器下使用 WebRTC 实现实时互动音视频系统中最核…

我们在学习 WebRTC 时，首先要把实验环境搭建好，这样我们就可以在上面做各种实验了。 对于 WebRTC 来说，它有一整套规范，如怎样使用它的接口、使用SDP进行媒体协商、通过ICE收集地址并进行连通性检测等等。除此之外，WebRTC还需要房间服务器将多端聚集到一起管理，以…