webrtc + ai

简单介绍了如何在本地部署webrtc项目，将完成好的项目真正落地部署使用，冲冲冲冲冲冲冲冲冲冲冲冲冲冲冲冲

本小节记录了使用`mediasoup`中遇到的问题，分别是如何启动`mediasoup-demo`和移植到vue3中如何建立websocket连接。后续还会持续记录遇到的问题，冲!!

本小节实现了使用peerjs库来实现音视频通话和消息通讯。简单介绍了peerjs的使用，以及分析了其使用的过程，其实和原生使用webrtc没什么太大区别，只是屏蔽了SDP交换和ICE收集的过程。

本小节介绍了如何使用Mesh方案来实现多人音视频通话。该方案的优点是延迟低、画质好、数据传输全在客户端，不经过服务器。但缺点也很明显，只限于4-5个人，当人数过多时，成本会飞速上升。

本小节介绍了实现多人音视频的三种主流方案，Mesh方案、MCU方案和SFU方案。分析了他们的优缺点，以及实现思路。

本小节介绍了如何实现一对多直播模式，只需在一对一的基础上进行小小的改动，一是将手动连接改为进入房间后自动连接；二是区分观众和主播，将观众的收发器改为只接收。这样就轻松的实现了一对多直播模式了。

本小节介绍了如何实现虚拟背景。首先确定要实现效果，挑选合适模型，然后结合官方demo示例，在此基础上进行修改，将自定义图片作为背景，与模型切割出来的人物进行混合，达到虚拟背景的效果。

本小节介绍了三种实用功能，分别是桌面共享和摄像头内容的切换、使用外部视频替代摄像头和关闭/开启摄像头/麦克风。

本小节主要介绍了如何实现传输文件。首先是创建`DataChannel`对象，监听该对象的`onmessage`来接收数据，调用该对象的`send`方法来发送数据。并介绍了直接发送和分片发送两种发送方式

介绍了如何实现一个简单的音视频通话，分析了具体的实现逻辑，然后给出了具体的代码示例供参考。重点在于熟悉媒体协商的步骤，这个是必不可少的。

信令服务器，说白了就是一个中转站，本身并不会处理音视频数据，只是负责连接信息。回想下媒体协商的过程（如果忘了，再看看这篇），里面有offer、answer和ice的传递，就是通过信令服务器来实现

本文介绍了NAT是什么，详细介绍了NAT的不同类型，并对不同类型的连通性进行了分析。对称型和对称型，以及对称型和端口限制型是很难实现连通。

本文介绍了webrtc是如何实现端到端建立连接的，它使用了 ice协议来确保连接的成功率和效率都达到最大化

本文介绍了SDP中的会话描述和媒体描述。给出具体例子，并解释每个属性的含义。重点部分是网络地址信息、带宽信息和媒体信息中的编码格式和采样率。

本文详细介绍了什么是媒体协商，它的作用和具体过程。它是双方能进行音视频通信的基础和必要步骤，必须掌握。

本文从四个问题出发，什么时候需要录制视频，录制视频的方式有哪些？这些方式的优劣点在哪？具体该如何录制视频？这几个问题都清楚后，再去动手实现具体需求就轻松一点了。

本文介绍了如何利用webrtc进行拍照，分解成三个步骤进行，分别是拿到视频、拿到图片和保存图片。冲冲冲

本文介绍了如何使用webrtc中的摄像头，详细介绍了摄像头的调用方法getUserMedia和参数constraints。

本文介绍了有关设备的三个方面，设备基本概念、获取设备信息以及设备检测。这是在使用webrtc之前必须进行的步骤。

简单罗列出了一些需要了解的、关于音视频相关方面的基础知识。这些东西还是需要瞄一眼，以备不时之需。冲冲