🚀 WebGL ONNX 推理库演示
🔧 系统检查 & 模型选择
检查中...
重新检查
Debug模式
模型类型:
微信分割模型
ONNX 超分模型
ONNX VAD（语音活动检测）
TFjs 人像分割
TFjs 超分模型
MediaPipe 人像分割
ONNX Selfie分割
请加载模型
请加载模型
请加载模型
🖼️ 图片输入
📹 实时摄像头
🎤 音频输入
默认图片
摄像头捕获
开始推理
性能测试
请先加载模型和图片
输入图片
推理结果
开始推理
停止
选择摄像头...
帧率:
无限
60
30
15
10
5
分辨率:
并列
拼接
请先加载模型，点击"开始推理"
摄像头画面
实时推理结果
--
实时 FPS
--
推理时间 (ms)
0
处理帧数
--
平均时间 (ms)
开始麦克风
停止
TenVAD 阈值:
0.30
未启动
TenVAD:
0.000
|
SILENCE
libfvad:
0
|
SILENCE
音频波形 (5秒历史)
TenVAD (ONNX WebGL) - 5秒历史, 绿色=语音, 灰色=静音, 黄线=概率
libfvad (WebRTC WASM) - 5秒历史, 蓝色=语音, 灰色=静音, 青线=状态
📊 WebGPU 对比
运行 WebGPU 推理
对比结果
WebGPU 输出
差异图 (放大10倍)
--
最大差异
--
平均差异
--
匹配率
--
WebGPU 时间 (ms)
🧠 WebNN 对比
运行 WebNN 推理
对比结果
WebNN 输出
差异图 (放大10倍)
--
最大差异
--
平均差异
--
匹配率
--
WebNN 时间 (ms)
📈 性能指标
--
CPU 耗时 (ms)
--
GPU 耗时 (ms)
--
内存使用 (MB)
--
FPS
0
总推理次数
📊 详细性能分析
--
最短时间 (ms)
--
最长时间 (ms)
--
P50 (ms)
--
P95 (ms)
--
P99 (ms)
--
标准差 (ms)
🎨 纹理 & 张量缓存统计
--
纹理创建数
--
纹理显存 (MB)
--
张量缓存命中
--
缓存张量数
--
张量复用率
⚡ 操作符分布
运行性能测试后显示
📉 推理时间分布
🔄 中间推理步骤
切换视图
清除
摄像头捕获
拍照
关闭