webrtc javascript

### WebRTC与JavaScript教程及相关文档

WebRTC（Web Real-Time Communication）是一种支持网络浏览器和移动应用实时通信的技术。通过使用WebRTC API，开发者可以在无需安装插件的情况下实现音视频通话和其他形式的数据共享。

#### 使用WebRTC建立基本连接

为了在两个客户端之间建立WebRTC连接，通常需要经历以下几个过程：

1. **获取本地媒体流**
可以利用`navigator.mediaDevices.getUserMedia()`方法请求用户的摄像头和麦克风权限并获得媒体流对象[^1]。

   const constraints = { audio: true, video: { width: 1280, height: 720 } };
   navigator.mediaDevices.getUserMedia(constraints)
     .then((stream) => {
       handleSuccess(stream);
     })
     .catch(handleError);

2. **创建RTCPeerConnection实例**

创建一个新的`RTCPeerConnection`用于管理整个会话的状态以及发送接收数据包。

   let pc;
   try {
     pc = new RTCPeerConnection();
   } catch (e) {
     console.error('无法初始化PeerConnection', e);
   }

3. **交换SDP信息**

SDP（Session Description Protocol）描述了多媒体通信参数。双方需互相传递各自的offer/answer消息完成协商配置。

4. **ICE候选者收集**

ICE协议帮助找到最佳路径让两台设备直接相互通信。当发现新的候选地址时将其添加到对方peer connection中以便后续尝试连接。

5. **传输音频视频数据**

将之前获取的mediaStream附加给peerconnection从而实现实时影音交流功能。

更多详细的指南可以参阅MDN官方文档，那里提供了丰富的例子说明如何一步步构建完整的WebRTC应用程序。