首先明确说：完全可以在localhost浏览器间实现音视频通信，不需要依赖外部服务器，但WebRTC本身需要信令交换来建立P2P连接——不过我们可以用本地轻量方式搞定信令，不用复杂的第三方服务。

先给你拆解问题，再给具体方向：

一、核心可行性说明 #

WebRTC的P2P连接必须交换两类数据：SDP会话描述（告诉对方自己的媒体能力）和ICE候选（告诉对方自己的网络地址）。但这两类信令的传递，在localhost环境下有两种极简方式：

• 同一浏览器的多个标签页/窗口：用浏览器原生的Broadcast Channel API或localStorage直接传递信令，完全不需要服务器。
• 不同浏览器（比如Chrome和Firefox）：用Node.js写个几行代码的本地WebSocket服务器，仅在你的localhost运行，完全不依赖外部服务。

二、具体实现方案 #

方案1：同一浏览器内的本地通信（零服务器） #

适合快速测试，用Broadcast Channel传递信令，代码示例：

1. 初始化通信通道：

// 创建一个本地广播通道，名字自定义
const signalingChannel = new BroadcastChannel('local-webrtc-chat');

2. 发送方（发起呼叫）代码：

async function startCall() {
  // 创建PeerConnection实例
  const peerConn = new RTCPeerConnection();
  
  // 获取本地音视频流并绑定到页面元素
  const localStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
  document.getElementById('local-video').srcObject = localStream;
  
  // 将本地轨道添加到PeerConnection
  localStream.getTracks().forEach(track => peerConn.addTrack(track, localStream));
  
  // 监听ICE候选，发送给对方
  peerConn.onicecandidate = (e) => {
    if (e.candidate) {
      signalingChannel.postMessage({ type: 'ice', candidate: e.candidate });
    }
  };
  
  // 创建Offer并发送
  const offer = await peerConn.createOffer();
  await peerConn.setLocalDescription(offer);
  signalingChannel.postMessage({ type: 'offer', sdp: peerConn.localDescription });
}

3. 接收方（响应呼叫）代码：

let receiverPeerConn;

// 监听广播通道的消息
signalingChannel.onmessage = async (event) => {
  const msg = event.data;
  
  if (!receiverPeerConn) {
    receiverPeerConn = new RTCPeerConnection();
    
    // 监听远程轨道，绑定到页面元素
    receiverPeerConn.ontrack = (e) => {
      document.getElementById('remote-video').srcObject = e.streams[0];
    };
    
    // 监听ICE候选，添加到连接
    receiverPeerConn.onicecandidate = (e) => {
      if (e.candidate) {
        signalingChannel.postMessage({ type: 'ice', candidate: e.candidate });
      }
    };
  }
  
  if (msg.type === 'offer') {
    // 接收Offer并返回Answer
    await receiverPeerConn.setRemoteDescription(new RTCSessionDescription(msg.sdp));
    const answer = await receiverPeerConn.createAnswer();
    await receiverPeerConn.setLocalDescription(answer);
    signalingChannel.postMessage({ type: 'answer', sdp: receiverPeerConn.localDescription });
  } else if (msg.type === 'answer') {
    // 接收Answer，完成连接
    await receiverPeerConn.setRemoteDescription(new RTCSessionDescription(msg.sdp));
  } else if (msg.type === 'ice') {
    // 添加ICE候选
    await receiverPeerConn.addIceCandidate(new RTCIceCandidate(msg.candidate));
  }
};

把这段代码放到你的ASP.NET页面里，打开两个标签页，点击发起呼叫的按钮就能测试了。

方案2：跨浏览器的本地通信（轻量本地信令服务器） #

如果需要在Chrome和Firefox之间通信，写个超简单的Node.js WebSocket服务器：

1. 先安装依赖：

npm install ws

2. 服务器代码（local-signaling-server.js）：

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

// 转发所有收到的信令给其他客户端
wss.on('connection', (ws) => {
  ws.on('message', (data) => {
    wss.clients.forEach(client => {
      if (client !== ws && client.readyState === WebSocket.OPEN) {
        client.send(data);
      }
    });
  });
});

3. 客户端代码（ASP.NET页面里的JS）：

const ws = new WebSocket('ws://localhost:8080');
let peerConn;

async function initPeerConnection() {
  peerConn = new RTCPeerConnection();
  
  // 获取本地流
  const localStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
  document.getElementById('local-video').srcObject = localStream;
  localStream.getTracks().forEach(track => peerConn.addTrack(track, localStream));
  
  // 处理远程流
  peerConn.ontrack = (e) => {
    document.getElementById('remote-video').srcObject = e.streams[0];
  };
  
  // 发送ICE候选到服务器
  peerConn.onicecandidate = (e) => {
    if (e.candidate) {
      ws.send(JSON.stringify({ type: 'ice', candidate: e.candidate }));
    }
  };
  
  // 接收服务器转发的信令
  ws.onmessage = async (event) => {
    const msg = JSON.parse(event.data);
    
    if (msg.type === 'offer') {
      await peerConn.setRemoteDescription(new RTCSessionDescription(msg.sdp));
      const answer = await peerConn.createAnswer();
      await peerConn.setLocalDescription(answer);
      ws.send(JSON.stringify({ type: 'answer', sdp: peerConn.localDescription }));
    } else if (msg.type === 'answer') {
      await peerConn.setRemoteDescription(new RTCSessionDescription(msg.sdp));
    } else if (msg.type === 'ice') {
      await peerConn.addIceCandidate(new RTCIceCandidate(msg.candidate));
    }
  };
}

// 发起呼叫按钮事件
document.getElementById('start-call').addEventListener('click', async () => {
  await initPeerConnection();
  const offer = await peerConn.createOffer();
  await peerConn.setLocalDescription(offer);
  ws.send(JSON.stringify({ type: 'offer', sdp: peerConn.localDescription }));
});

启动服务器：node local-signaling-server.js，然后在两个不同浏览器打开你的ASP.NET localhost页面，就能实现跨浏览器聊天了。

三、针对你之前视频教程出错的排查建议 #

1. 先看浏览器控制台的错误信息：比如是否有NotAllowedError（麦克风/摄像头权限被阻止），或者InvalidStateError（WebRTC连接状态错误）。
2. 确保你的ASP.NET应用在localhost下运行：Chrome允许localhost使用HTTP调用WebRTC，但有些浏览器可能要求HTTPS——可以启用ASP.NET的开发HTTPS（VS里默认就有）。
3. 检查Xsocket的配置：是否正确启动了服务，客户端是否连接到了正确的端点，信令消息是否被正确转发（可以用浏览器的Network面板看信令请求是否成功）。

内容的提问来源于stack exchange，提问作者Muhammad Ahmer