WebRTC 直连演示

真实视频通话

使用同源 WebSocket 信令接通 WebRTC 媒体链路,直接验证建房、入房、摄像头接入和远端视频连通。 当前页面面向 1 对 1 真实通话测试。

传输状态 未连接

等待建立同源 WebSocket。

设备与房间

通话控制台

当前建议 任一端均可建房,另一端加入

如果你是手机端,请优先使用 HTTPS 页面并先允许摄像头和麦克风权限。

创建房间或加入房间时,页面会自动确保本地音视频已启动,不再依赖固定由哪一端先建房。

当前页面会通过同一条 MediaStream 同时采集音频和视频,默认按同一时间基发送,便于保持音视频同步。

房间 未加入房间
角色 待命
本端 Peer -
远端 Peer -
本地音轨 等待采集
远端音轨 等待到达
远端播放 等待播放
诊断建议 先连通后观察

实时画面

视频连通状态

信令链路 未连接

等待建立同源 WebSocket。

PeerConnection idle

尚未创建 RTCPeerConnection。

ICE 路径 new

等待 ICE 候选地址交换。

测试建议 1 对 1

当前前端先按单房间双端视频验证,便于直接观察连通效果。

本地音视频 等待本地音视频
远端音视频 等待远端音视频
等待远端声音

链路指标

实时质量监控

等待通话链路建立后开始采集。

上行码率 -
下行码率 -
RTT -
抖动 -
丢包率 -
重传速率 -
发送帧率 -
接收帧率 -
接收分辨率 -
码控模式 自动
当前档位 均衡

趋势曲线

最近 36 秒

每秒采样一次。

丢包率 -
重传速率 -
抖动 -
尚无通话日志。