15 篇文档带有标签「案例」

从零编写第一个 NeoMind 仪表板组件——metric_card 完整工程剖析（IIFE 注入 + OKLCH 毛玻璃 + 多格式数据归一化）

NeoMind Dashboard 最复杂的设备绑定组件 ne101_camera 旗舰案例：8 子页面拆解从 NE101 设备能力到 processingExtensionId 通用 AI 处理契约、ROI 叠加渲染、React-in-IIFE 工程范式

NeoMind 标准协议桥接案例：手写 WS-Discovery 多播发现、SOAP/WS-Security PasswordDigest 客户端、PTZ 控制的完整工程剖析——无 onvif-rs 依赖、纯 Rust ~2700 行覆盖 ONVIF Profile S 核心能力

NeoMind 生产验证的厂商专有协议桥接案例：Uink-RMS 电子纸云平台桥接、JWT 鉴权链、Markdown→Image 渲染（pulldown-cmark + ab_glyph + imageproc）、区域端点路由、DisplayEditorCard 前端联动的完整工程剖析——与 4 onvif-bridge 形成「专有 vs 标准」对比

从零编写第一个 NeoMind 数据型扩展——weather-forecast-v2 完整工程剖析（HTTP 拉取 + 周期指标 + React 前端）

把 YOLOv8 目标检测部署到边缘设备的第一个 AI 推理扩展——模型懒加载、ONNX Runtime 动态库治理、能力化设备取流的完整工程剖析

NeoMind 最复杂的流式扩展：Push 模式实时视频流处理、YOLOv11 检测、ROI/越线/智能抓拍、ffmpeg-next + nokhwa 双后端、跨平台 ONNX Runtime dylib 治理、前端 MJPEG 联动的完整工程剖析

CamThink NE101 感知摄像头的产品能力、为什么需要专门组件、在 NeoMind 生态中的设备绑定定位、与 metric_card 的递进关系

ne101_camera 前端消费：detections 拉取、JSON string 解析、按类别上色（golden-angle HSV）、SVG 叠加渲染（polygon + rect fallback）、object-cover 坐标变换、ResizeObserver 回调 ref 模式、Transform 三级生命周期

ne101_camera 扩展侧契约：processingExtensionId 通用 AI 处理范式、AI_EXT_IDS 白名单、EXT_MODES 模式目录（imageArg/responseType/command 三元组）、__imageData 注入机制、locate-anything-v2 NMS 阈值特例、扩展降级 fallback

ne101_camera 数据契约：MQTT 设备遥测、扩展响应归一化（boxes_x1y1x2y2 / objects_bbox / detections_bbox / ocr_text_blocks）、JSON string detections 解析、ROI Sutherland-Hodgman 裁剪算法、virtual 指标输出前缀映射

ne101_camera 组件架构剖析：1972 行 IIFE 的 5 层拆解（helper / template / sub-component / main / export）、3 个对外组件（NE101CameraPanel / ConfigPanel / AdvancedPanel）、数据流（WebSocket 优先 + REST 回退）、ROI 叠加管线、与 metric_card 的架构对比

ne101_camera 深度复盘：133 commits 版本演进、Transform 生命周期调试 trace 兴衰（4 个 debug commit 最终被 00a59cc 清除）、Boa 引擎 console.log 崩溃事件、_configHash 性能优化、源码卫生复盘（3 文件零备份）

ne101_camera 组件构建：IIFE 注入范式（window.React + jsxRuntime）、命名导出对象、五层模块结构、React hooks 在 IIFE 中的三大陷阱（#310 hooks 顺序、frozen input、conditional useState）、ConfigPanel/AdvancedPanel/ExtDropdown 子组件、shadcn CSS 类复刻

ne101_camera 集成测试：端到端测试矩阵（test_bundle.js 35KB）、ROI 叠加验证（Sutherland-Hodgman 裁剪 + object-cover 映射）、多扩展切换测试（locate-anything-v2 / image-analyzer-v2 / yolo-device-inference / ocr-device-inference）、source_ts 对齐验证、WS+REST 双通道测试