WebRTC和Socket.io数据传输
WebRTC是一个实时通信的Web API，能在浏览器间直接传输音频、视频和数据，无需服务器中转，适合视频会议、在线协作这类实时互动场景。使用时要先引入WebRTC的相关接口，通过创建PeerConnection对象来建立连接，再用它提供的方法发送和接收数据。
Socket.io则是一个实时通信库，支持多种传输协议，不仅能在浏览器间通信，还能用于服务器与客户端的交互。它有更丰富的功能，像房间管理、消息广播等。使用时先在项目中安装，然后在服务器端和客户端分别初始化，通过事件机制来发送和接收消息。
WebRTC
WebRTC（Web Real - Time Communication）是由万维网联盟（W3C）和互联网工程任务组（IETF）共同制定的一组开放 Web API 标准，旨在让浏览器无需插件就能进行实时的音频、视频和数据传输，极大地改变了实时通信应用的开发模式。
用途与功能
音视频通话：这是 WebRTC 最典型的应用场景，如视频会议系统、在线教育平台的实时授课、网络电话等。它能实现高质量的音视频传输，具备自动增益控制、噪声抑制、回声消除等功能，保证在不同网络环境下都能提供相对流畅的通话体验。
实时协作：在在线文档编辑、代码编辑器等实时协作应用中，WebRTC 可以实现用户之间数据的实时同步。比如多个用户同时编辑一份文档时，能立刻看到其他用户的操作。
物联网（IoT）交互：可以让物联网设备与浏览器直接通信，实现对设备的实时监控和控制。例如智能家居系统中，用户通过浏览器就能直接与智能设备进行数据交互，控制设备运行。
使用方法
引入 WebRTC：在现代浏览器中，WebRTC 已经是内置功能，无需额外引入外部脚本。直接在 JavaScript 代码中使用相关 API 即可。
创建 PeerConnection 对象：PeerConnection 是 WebRTC 通信的核心，用于建立与其他对等方的连接。
javascript
运行
const peerConnection = new RTCPeerConnection({iceServers: [] });
这里的 iceServers 可以配置 STUN 和 TURN 服务器，用于穿越 NAT（网络地址转换），让处于不同网络环境的客户端也能建立连接。
3. 添加媒体流：如果要传输音视频流，需要先获取媒体流。可以通过getUserMedia获取本地摄像头和麦克风的媒体流。
javascript
运行
navigator.mediaDevices.getUserMedia({video: true, audio: true})
.then((stream) => {
const track = stream.getTracks()[0];
peerConnection.addTrack(track);
});
建立连接与数据传输：当两端都创建好
PeerConnection对象并添加了媒体流后，需要交换会话描述（SDP）和 ICE 候选地址。通过信令服务器交换这些信息后，两端就能建立连接并开始传输数据。数据通道：除了音视频流，WebRTC 还支持传输任意数据。可以通过
RTCDataChannel创建数据通道。
javascript
运行
const dataChannel = peerConnection.createDataChannel('myChannel');
dataChannel.onopen = () => {
console.log('数据通道已打开');
};
dataChannel.send('Hello, World!');
Socket.io
Socket.io 是一个基于 Node.js 的实时通信库，它提供了一套简单且易用的 API，让客户端和服务器之间能够进行实时双向通信。它不仅支持 WebSocket 协议，还能自动向下兼容，在不支持 WebSocket 的浏览器中使用其他兼容技术，保证在各种环境下都能实现实时通信。
用途与功能
实时消息推送：常见于新闻资讯类应用，当有新消息发布时，服务器可以通过 Socket.io 实时推送给客户端，让用户立刻收到最新内容。社交媒体平台上的即时通知，如点赞、评论提醒，也是 Socket.io 的典型应用场景。
多人在线游戏：在多人在线游戏开发中，Socket.io 能实时同步玩家的操作、游戏状态等信息。比如在一个赛车游戏里，每个玩家的车辆位置、速度等数据都能通过 Socket.io 及时发送给其他玩家，保证游戏