用 Node.js 轻松设置 WebRTC 开发环境

2023-11-24 18:05:58

WebRTC 源码研究（5）：使用 Node.js 搭建环境

在 WebRTC 开发之旅中，搭建开发环境是必不可少的步骤。本文将指导你使用 Node.js 创建一个全面且高效的 WebRTC 开发环境。

Node.js 简介

Node.js 是基于 Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时框架。它使用事件驱动的非阻塞 I/O 模块，使其轻量且高效。Node.js 的生态系统庞大，npm 是世界上最大的开源库生态系统之一。

Node.js 环境设置

安装 Node.js： 从 Node.js 官网下载并安装 Node.js。
创建项目文件夹： 创建一个新文件夹，作为你的 WebRTC 项目文件夹。
初始化 Node.js 项目： 在项目文件夹中运行 npm init -y 命令，初始化一个新的 Node.js 项目。
安装 WebRTC： 使用以下命令安装 WebRTC：
```
npm install webrtc
```

使用 WebRTC

安装 WebRTC 后，你就可以在 Node.js 代码中使用它了。以下是使用 WebRTC 创建 WebRTC 服务器的示例：

const WebSocket = require('ws');
const RTCPeerConnection = require('wrtc').RTCPeerConnection;

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  const pc = new RTCPeerConnection();

  pc.on('icecandidate', (event) => {
    if (event.candidate) {
      ws.send(JSON.stringify({ type: 'candidate', candidate: event.candidate }));
    }
  });

  pc.on('datachannel', (datachannel) => {
    datachannel.on('message', (message) => {
      console.log('Received message:', message);
    });
  });

  ws.on('message', (message) => {
    const data = JSON.parse(message);

    if (data.type === 'offer') {
      pc.setRemoteDescription(new RTCSessionDescription(data.offer));
      pc.createAnswer().then((answer) => {
        pc.setLocalDescription(answer);
        ws.send(JSON.stringify({ type: 'answer', answer: answer }));
      });
    } else if (data.type === 'candidate') {
      pc.addIceCandidate(new RTCIceCandidate(data.candidate));
    }
  });
});