修改readme中的流程图等内容

Author: richardson

README.md

@@ -45,11 +45,117 @@ Desky 主要包含以下几个核心组件：
 
 2. **语音合成**：使用 OpenAI 的文本转语音（TTS）API 将机器人的文本回复转换为语音输出，提供更自然的交互体验。
 
-3. **计算机视觉**：通过摄像头和 OpenCV 库实现实时人脸检测。这使得机器人能够"看到"用户，为进一步的交互奠定基础。
+3. **计算机视觉**：使用 face-api.js 实现实时人脸检测和追踪。具体实现包括:
+   - 使用 TinyFaceDetector 模型进行轻量级人脸检测,支持实时检测
+   - 通过 WebRTC 获取摄像头画面,每帧进行人脸位置、大小和置信度分析
+   - 采用帧跳过机制(skipFrames)优化性能,只在必要时进行检测
+   - 实现 FPS 计算和性能监控,确保流畅的视觉交互体验
+   - 支持 WebGL 加速,提升检测性能
+   这些技术让机器人能够"看到"并实时跟随用户,实现自然的视觉交互。
+
+4. **舵机控制**：通过串口通信(SerialPort)与 Arduino 控制板连接，实现舵机的精确控制。具体实现包括:
+   - 使用 9600 波特率建立串口连接,设置 1000ms 超时
+   - 通过格式化命令字符串 "X,Y\n" 发送舵机位置指令
+   - X、Y 值范围为 0-180 度,默认值为 90 度(居中位置)
+   - 每次发送指令后等待 100ms 让 Arduino 处理
+   - 支持读取 Arduino 的响应数据进行双向通信
+   - 使用日志系统记录所有舵机控制操作
+   这些机制确保了舵机控制的精确性和可靠性,使机器人能做出流畅的头部运动响应。
+
+5. **Tauri 框架**：采用 Rust 和 Web 技术构建跨平台桌面应用，确保性能和易用性的平衡。通过 Tauri 的安全权限系统，实现对本地硬件和文件系统的可控访问。
 
-4. **舵机控制**：使用 Raspberry Pi 的 PWM 接口控制舵机，实现机器人头部的物理运动，使交互更加生动。
 
-5. **Tauri 框架**：采用 Rust 和 Web 技术构建跨平台桌面应用，确保性能和易用性的平衡。
+## 项目结构
+
+```mermaid  
+graph TB
+    classDef frontend fill:#e6f3ff,stroke:#4a90e2,stroke-width:2px
+    classDef backend fill:#f5f0ff,stroke:#9b6dff,stroke-width:2px
+    classDef hardware fill:#fff0f4,stroke:#ff6b81,stroke-width:2px
+    classDef service fill:#f0fff4,stroke:#2ed573,stroke-width:2px
+
+    UI[前端界面层]
+    Backend[Tauri后端]
+    Hardware[硬件控制]
+    Vision[计算机视觉]
+    Audio[音频处理]
+    
+    UI --> Backend
+    Backend --> Hardware
+    Backend --> Vision 
+    Backend --> Audio
+
+    subgraph 前端模块
+        UI --> VideoFeed[视频流显示]
+        UI --> Controls[舵机控制面板]
+        UI --> Chat[对话交互界面]
+    end
+
+    subgraph 核心服务
+        Backend --> DeviceManager[设备管理器]
+        Backend --> ServoController[舵机控制器] 
+        Backend --> WebSocket[WebSocket客户端]
+    end
+
+    class UI,VideoFeed,Controls,Chat frontend
+    class Backend,Vision,Audio backend
+    class Hardware,ServoController hardware
+    class DeviceManager,WebSocket service
+```
+
+
+## 交互流程
+
+```mermaid
+sequenceDiagram
+    participant User as 用户
+    participant Client as 客户端程序
+    participant LLM as 大语言模型
+    participant TTS as 语音合成服务
+    participant Server as Web服务
+    participant Queue as 消息队列
+    participant Mobile as 手机客户端
+    
+    User->>Client: 输入文字内容
+    
+    %% LLM处理阶段
+    Client->>LLM: 发送文字+提示词
+    LLM-->>Client: 返回文字内容和表情
+    
+    %% 语音合成阶段
+    Client->>TTS: 发送处理后的文字
+    TTS-->>Client: 返回合成的语音文件
+    
+    %% 服务器处理阶段
+    Client->>Server: 发送语音文件和内容
+    activate Server
+    Server->>Server: 存储语音文件
+    Server->>Queue: 将消息放入队列
+    deactivate Server
+    
+    %% 手机端处理阶段
+    loop 轮询检查
+        Mobile->>Server: 请求新消息
+        alt 有新消息
+            Server-->>Mobile: 返回新消息内容
+            Mobile->>Mobile: 显示内容
+            Mobile->>Server: 请求语音文件
+            Server-->>Mobile: 返回语音文件
+            Mobile->>Mobile: 播放语音
+        else 无新消息
+            Server-->>Mobile: 返回空结果
+        end
+    end
+```
+
+## 开发环境要求
+
+- Node.js >= 18
+- Rust >= 1.75
+- pnpm >= 8.0
+- 操作系统：
+  - macOS 10.15+
+  - Windows 10+
 
 ## 使用方法
 
@@ -88,62 +194,6 @@ Desky 主要包含以下几个核心组件：
 
 
 
-## 项目结构
-
-```mermaid  
-graph TB
-    UI[React UI Layer]
-    Backend[Tauri Backend]
-    Hardware[Hardware Control]
-    Vision[Computer Vision]
-    Audio[Audio Processing]
-    
-    UI --> Backend
-    Backend --> Hardware
-    Backend --> Vision
-    Backend --> Audio
-    
-    subgraph Frontend
-        UI --> VideoFeed[Video Feed]
-        UI --> Controls[Servo Controls]
-        UI --> Chat[Chat Interface]
-    end
-    
-    subgraph Core Services
-        Backend --> DeviceManager[Device Manager]
-        Backend --> ServoController[Servo Controller]
-        Backend --> WebSocket[WebSocket Client]
-    end
-```
-
-
-
-## 交互流程
-
-```mermaid
-sequenceDiagram
-    participant U as User
-    participant UI as Frontend
-    participant B as Backend
-    participant H as Hardware
-    participant S as Server
-
-    U->>UI: Input Text/Voice
-    UI->>B: Send Request
-    B->>S: API Call
-    S-->>B: Response
-    B->>UI: Update UI
-    B->>H: Control Servo
-
-## 开发环境要求
-
-- Node.js >= 18
-- Rust >= 1.75
-- pnpm >= 8.0
-- 操作系统：
-  - macOS 10.15+
-  - Windows 10+
-
 ## 许可证
 
 本项目采用 MIT 许可证。详情请见 [LICENSE](LICENSE) 文件。