Live Demo · 完整功能演示

先配置,再打开独立监测窗口

在本页完成摄像头区域分配、串口设备连接与检测参数设置, 点击「开始检测」会弹出独立的监测窗口——可最大化、可 F11 全屏、可拖到副屏, 画面比例不再受网页布局约束。真实 YOLOv8 检测、真实串口指令、中文语音播报。

检测 · 已实现已验证 区域分配 · 已实现 Web Serial 串口 · Chrome/Edge 语音播报 · 浏览器 TTS
1

画面来源与区域分配(1–4 路)

扫描后用下拉框把摄像头分配到区域 1–4(路数自选, 最多 4 路)

2

设备连接(可选, 联动真实硬件)

HC-05 头盔蓝牙串口 · 38400bps
危险时自动下发 D1–D4 / VIB / CLEAR / TEST

未连接

CH340 周界串口 · 115200bps
接收 INTRUSION:N / CLEAR:N, 触发 IR 指示与声光

未连接

IR1
IR2
IR3
IR4
3

检测参数

置信度阈值 0.45

低于阈值的目标不参与告警(与上位机一致)

危险/入侵触发时播报"X号区域危险区发现人员"等具体内容

4

开始检测

弹出独立监测窗口后,可最大化或按 F11 全屏,画面自动铺满;
橙色危险区与黄色警戒线可在监测窗口里直接拖拽调整。
本页面请保持打开——它负责与 HC-05 / CH340 的串口通信。

  • [待机] 配置与设备事件将显示在这里

使用提示

① 摄像头模式:扫描 → 分配区域 → 开始;画面 1 路全幅 / 2 路并排 / 3–4 路宫格;
② 接真实硬件需 Chrome/Edge:HC-05 需先在系统蓝牙里配对成 COM 口;
③ 危险区判定:人员底边中心点落入橙色 ROI 即告警,人越黄色线即"周界入侵";
④ 「导出记录」在监测窗口顶部,下载 CSV 双击即可用 Excel 打开。

与上位机的对应与差异

① 判定逻辑与上位机一致:按区域联动 D1–D4、3 秒冷却、CLEAR 解除;
② 模型不同:网页 YOLOv8n(约 13MB),上位机 YOLOv8s;
③ 串口走 Web Serial,仅 Chrome/Edge + HTTPS(本站已满足);
④ 推理与画面全部本地完成,不上传任何数据。