WetRTC框架无关的 WebRTC 连接库

简洁、模块化、类型安全的 WebRTC 抽象层

快速开始

WET 扩展屏

API 参考

🧩

框架无关

不依赖 React、Vue 等任何前端框架，可在浏览器、Electron、Node.js 等任意 JS 运行时使用。

🔌

信令解耦

SignalChannel 抽象接口让你自由选择 Socket.IO、WebSocket、HTTP 长轮询等任意信令传输方式。

📡

完整子系统

内置媒体管理、DataChannel、连接统计与诊断，覆盖 WebRTC 开发全场景。

🔄

Perfect Negotiation

内置 polite/impolite 模式，支持完美的 SDP 协商，避免 glitch 冲突。

🛡️

类型安全

完整的 TypeScript 类型定义，事件系统强类型推导，告别 any。

🧪

自动重连

可配置的指数退避重连策略，ICE 断开后自动恢复连接。

想直接跑起来试试？

查看可运行 Demo，一个标签页发起，另一个加入，两行命令即可体验端到端 WebRTC 音视频通话。

适合做什么产品？

查看产品场景了解 WetRTC 与 SFU / 商用 RTC 的选型边界；基于本库打造的 WET 扩展屏 是虚拟副屏场景的参考产品。

快速预览

import { WetRTC } from '@wetspace/wetrtc'

// 1. 实现信令通道
const signal = {
  send: async (msg) => ws.send(JSON.stringify(msg)),
  onMessage: (handler) => {
    ws.onmessage = (e) => handler(JSON.parse(e.data))
    return () => { ws.onmessage = null }
  }
}

// 2. 创建连接
const rtc = new WetRTC({ signal, direction: 'sendrecv' })

// 3. 监听事件
rtc.on('statechange', (state, prev) => console.log(`${prev} → ${state}`))
rtc.on('track', (ev) => videoEl.srcObject = ev.streams[0])
rtc.on('datachannel', (ch) => ch.send('Hello!'))
rtc.on('stats', (snap) => console.log('RTT:', snap.roundTripTime, 'ms'))

// 4. 发起连接
await rtc.connect()

// 5. 使用完毕后释放
rtc.dispose()