n*igator.mediaDevices.getUserMedia({ video: true, audio: true })
  .then(stream => {
    const video = document.querySelector('video');
    video.srcObject = stream;
  })
  .catch(err => {
    console.error("无法获取媒体设备：", err);
  });

{ 
  video: { width: 1280, height: 720, frameRate: 30 },
  audio: true 
}

const pc = new RTCPeerConnection();
pc.addStream(localStream); // 添加本地流
<p>// 创建 offer
pc.createOffer().then(offer => pc.setLocalDescription(offer))
.then(() => {
// 发送 offer 到对方（通过信令服务器）
});</p><p>// 接收 answer 或 remote candidate
pc.ontrack = event => {
remoteVideo.srcObject = event.streams[0];
};
</font>

注意：offer 和 answer 的交换需借助信令机制（如 WebSocket），WebRTC 本身不负责信令传输。

听脑AI语音，一款专注于音视频内容的工作学习助手，为用户提供便捷的音视频内容记录、整理与分析功能。

音频处理：利用 Web Audio API

J*aScript 可通过 Web Audio API 对音频流进行实时处理，如增益控制、滤波、分析等。

将 getUserMedia 获取的音频流接入音频上下文：

const audioContext = new AudioContext();
const source = audioContext.createMediaStreamSource(mediaStream);
const gainNode = audioContext.createGain();
<p>source.connect(gainNode);
gainNode.connect(audioContext.destination);</p><p>// 调整音量
gainNode.gain.value = 0.5;</p>

还可使用 AnalyserNode 获取频谱数据，用于可视化或语音检测。

数据通道：传输任意数据

除了音视频，WebRTC 还支持 RTCDataChannel，可在对等端之间发送文本、文件等任意数据。

创建方式：

const dataChannel = pc.createDataChannel("chat");
dataChannel.onmessage = event => {
  console.log("收到消息：", event.data);
};
<p>// 发送消息
dataChannel.send("Hello P2P");</p>

接收方需监听 ondatachannel 事件：

pc.ondatachannel = event => {
  const receiveChannel = event.channel;
  receiveChannel.onmessage = e => { /* 处理消息 */ };
};

适合低延迟场景，如聊天、协同编辑、远程控制等。

基本上就这些关键点。掌握 getUserMedia、RTCPeerConnection、Web Audio API 和 RTCDataChannel，就能构建完整的音视频通信应用。实际开发中需处理网络变化、权限控制、兼容性等问题，但整体架构清晰，浏览器支持良好。