跳过导航,直接进入主要内容跳过导航,直接进入主要内容跳过导航,直接进入主要内容

N16R8 Web UI

N16R8 使用家族统一 SPA(三 S3 仓共享的四文件前端,见 统一前端设计)。本页讲这套 UI 在本板上的呈现:哪些页签出现、哪些控件因能力位/字段缺省隐藏、以及 AI 交互。

页签构成(能力驱动)

页签 本板 依据
预览(MJPEG + AI 叠加) ✅ 恒有
AI 检测 ✅ capabilities.ai == true
相机设置 ✅ 恒有(分辨率表动态拉取)
系统设置(WiFi/ONVIF) ✅ 恒有
存储 ❌ 隐藏 capabilities.sd == false
录像 ❌ 隐藏 capabilities.recording 缺省
音频 ❌ 隐藏 capabilities.audio == false

同一套四文件在 seeed 上会多出存储/录像/音频页签——差异全部来自运行时能力探测,不是两套代码。

预览页的 AI 叠加

MPEG 图像之上叠一块画布,GET /api/ai/status 每 500 ms 轮询(仅 AI 开启时):

  • 人脸:绿框 + 置信度
  • 移动:分数条(0-100)
  • 二维码:解码文本

seq 递增号用于丢弃迟到帧,避免叠加层与视频错位。

相机设置的 AI 联动

分辨率下拉框来自 supported_resolutions(本板 0-15 档)。任一 AI 特性开启时:

  • 非 VGA 档位在下拉框中禁用(后端同样 400 兜底)
  • 反向联动:把分辨率调到非 VGA 会提示先关 AI

传感器微调滑杆(亮度/对比度/饱和度/锐度,-2…+2)、镜像/翻转开关即时生效,不需要重配。

系统设置页的板级字段

  • ONVIF 开关
  • AI 三个特性的总开关

WiFi 区块只显示单网络表单——本板无双 WiFi 字段(wifi_ssid_2 不在 GET /api/config 响应里,控件随之缺省)。

鉴权与会话

契约 v1.9(2026-09-18)起无鉴权:前端不再附加密码头。详见统一前端设计。

界面

主面板

预览页

配置页

相关阅读:Web API · 统一前端设计

可访问性增强功能已加载,支持焦点管理、键盘导航和屏幕阅读器