移动端 IM 能力检测 Demo

用于验证「语音消息 / 拍照 / 音视频通话」所需的浏览器能力。
部署要求:必须通过 HTTPS 访问(或 localhost),否则麦克风/摄像头 API 会被浏览器直接禁用。
测试完成后点底部「复制结果」,把结果发回开发侧回填验证报告。

1. 环境信息(自动检测)

安全上下文(HTTPS)-
UA / 浏览器-
navigator.mediaDevices-
MediaRecorder-
RTCPeerConnection (WebRTC)-
WebGL(视频渲染参考)-

2. 麦克风 + 语音录制(语音消息前提)

未开始
预期:弹出麦克风授权 → 录 3 秒 → 「回放」可听到声音。失败即代表语音消息需降级原生录音。

3. 摄像头预览(视频通话前提)

预期:弹出摄像头授权并出现预览画面。

4. 拍照 / 文件选择(拍照发送前提)

未选择
预期:能调起相机或文件选择器并取回文件。若无反应,拍照需走原生 bridge。

5. WebRTC 媒体管线(本机回环,无需服务器)

未开始
验证本机内两个 RTCPeerConnection 能否完成 ICE 连接并传输媒体流。此测试通过 = WebRTC 栈基本可用;跨设备互通还需配合 LiveKit 服务器联测(下一步联调用)。

6. LiveKit 房间互通(跨设备联测,可选)

LiveKit URL(ws://… 或 wss://…)
Token(由后端签发)
未连接
两台设备填同一 LiveKit 服务地址、各自 token 加入同一房间名(token 的 room 需一致),可互看互听即为通过。此步骤需已部署 LiveKit。
检测中…