WebRTC（Web实时通信）是一种通过网络实现音频和视频实时传输的技术。它允许用户在浏览器中进行音视频通话，而无需安装任何插件。为了搭建一个WebRTC的音视频环境，我们需要具备一些必要的设备和技术基础。
环境搭建步骤
- 准备环境
确保你已经安装了Node.js和npm。Node.js是一个JavaScript运行环境，npm是Node.js的包管理工具。可以在终端中输入以下命令来验证安装：
bash
node -v
npm -v
如果没有安装，请访问 Node.js官网 进行下载并安装。
- 创建项目目录
创建一个新的项目目录并进入该目录：
bash
mkdir webrtc-demo
cd webrtc-demo
- 初始化项目
使用npm初始化项目，这会生成一个package.json文件：
bash
npm init -y
- 安装所需的依赖
我们将使用express来搭建一个简单的HTTP服务器，并使用socket.io来实现信令服务器功能（用于浏览器之间的信令交换）。
bash
npm install express socket.io
- 创建服务器代码
在项目根目录下创建一个名为server.js的文件，写入以下代码：
```javascript const express = require('express'); const http = require('http'); const socketIo = require('socket.io');
const app = express(); const server = http.createServer(app); const io = socketIo(server);
app.use(express.static('public'));
io.on('connection', (socket) => { console.log('新用户连接');
socket.on('signal', (data) => {
console.log('接收到信号', data);
socket.broadcast.emit('signal', data);
});
socket.on('disconnect', () => {
console.log('用户断开连接');
});
});
server.listen(3000, () => { console.log('服务器运行在 http://localhost:3000'); }); ```
- 创建前端代码
在项目根目录下创建一个名为public的文件夹，并在其中创建一个index.html文件，内容如下：
```html
```
- 运行服务器
在终端中运行以下命令启动服务器：
bash
node server.js
然后在浏览器中访问 http://localhost:3000，可以通过打开多个标签页来进行音视频通话测试。
总结
以上步骤我们搭建了一个简单的WebRTC音视频通话环境。通过使用socket.io进行信令交换，getUserMedia来捕获本地音视频流，RTCPeerConnection管理音视频流的传输，基本实现了点对点的音视频通话。接下来，你可以在此基础上扩展更多的功能，如添加聊天室功能、视频录制等。
