# 远程驾驶

**Repository Path**: whaledynamic/remote-driving

## Basic Information

- **Project Name**: 远程驾驶
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-15
- **Last Updated**: 2026-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🚗 远程驾驶控制系统

基于Vue.js的远程驾驶前端应用，支持多种硬件设备和实时数据传输。

## 项目地址
- [https://gitee.com/whaledynamic/remote-driving.git](https://gitee.com/whaledynamic/remote-driving.git)

## 🚀 项目概述

这是一个功能完整的远程驾驶控制系统前端，提供：
- 🎮 多品牌方向盘硬件支持（Logitech、Conspit等）
- 📡 实时数据传输和状态监控
- 🗺️ 车辆定位和路径规划
- 📺 多媒体流媒体播放
- 🔧 系统配置和管理功能

## 🛠️ 技术栈

### 核心框架
- **Vue.js 2.6.14** - 渐进式JavaScript框架
- **Vue Router 3.4.9** - 官方路由管理器
- **Vuex 3.6.0** - 状态管理模式
- **Element UI 2.15.14** - 基于Vue的组件库

### 通信与数据
- **Axios 1.10.0** - HTTP客户端
- **MQTT 5.13.2** - 物联网消息传输协议
- **Socket.io** - 实时双向通信
- **Protobuf.js 7.5.3** - 协议缓冲区支持

### 地图与可视化
- **Cesium 1.95.0** - 3D地球和地图可视化
- **Proj4 2.19.5** - 地图投影转换
- **ECharts 5.6.0** - 数据可视化图表

### 多媒体与设备
- **Janus.js** - WebRTC网关客户端
- **SRS SDK** - 流媒体服务器客户端
- **node-hid 2.2.0** - USB HID设备通信
- **Screenfull 6.0.2** - 全屏API封装

### 开发工具
- **Electron 28.1.0** - 桌面应用框架
- **Vue CLI 5.0** - 标准化开发工具
- **ESLint** - 代码质量检查
- **Sass** - CSS预处理器

## 🎯 核心功能

### 1. 硬件控制
- **方向盘支持**: Logitech、Conspit等品牌即插即用
- **无感获取**: 自动识别和配置硬件设备
- **实时数据**: 毫秒级控制指令传输

### 2. 车辆监控
- **实时状态**: 车辆位置、速度、方向等数据
- **远程诊断**: 系统健康状态监控
- **数据记录**: 行驶数据日志和分析

### 3. 地图导航
- **3D地图**: 基于Cesium的三维地图显示
- **路径规划**: 智能路线计算和优化
- **多车监控**: 同时管理多辆车辆位置

### 4. 视频流媒体
- **低延迟直播**: WebRTC实时视频传输
- **多路视频**: 支持多摄像头同时显示
- **录制回放**: 视频录制和历史回放功能

### 5. 系统管理
- **用户权限**: 多级权限管理系统
- **设备管理**: 硬件设备配置和校准
- **日志分析**: 系统运行日志和错误追踪

## 🏗️ 项目结构

```
src/
├── api/                  # API接口模块
│   ├── service/         # 业务服务接口
│   ├── system/          # 系统管理接口
│   └── vehicle/         # 车辆相关接口
├── assets/              # 静态资源
│   ├── images/          # 图片资源
│   ├── styles/          # 样式文件
│   └── glb/            # 3D模型文件
├── components/           # 公共组件
├── router/              # 路由配置
├── store/               # Vuex状态管理
├── utils/               # 工具函数
│   ├── wheelConnector.js    # 方向盘连接管理
│   └── mqttRemoteApi.js      # MQTT远程通信
├── views/               # 页面组件
│   ├── remote_tools/        # 远程控制工具
└── App.vue             # 根组件
```

## 🚀 开发环境

### 环境要求
- Node.js 18.18.0+
- npm 8.0+ 或 yarn 1.22+

### 安装依赖
```bash
npm install
```

### 开发模式
```bash
# Web开发模式
npm run dev

# Electron桌面应用模式
npm run electron:dev
```

### 构建部署
```bash
# Web生产构建
npm run build

# Electron应用打包
npm run electron:build
```

## 🔧 核心页面

### 远程驾驶控制台
**路径**: `src/views/remote_tools/index.vue`

主要功能：
- 方向盘硬件连接状态监控
- 实时车辆状态显示
- 控制指令发送和反馈
- 连接延迟和网络质量监测

### 关键特性
- 🔄 自动重连机制
- 📊 实时数据可视化
- 🎮 多设备兼容性
- ⚡ 低延迟通信

## 📋 开发规范

### 代码风格
- 使用ESLint进行代码检查
- 遵循Vue官方风格指南
- 组件命名采用PascalCase
- 方法命名采用camelCase

### Git提交规范
- feat: 新功能
- fix: 修复问题
- docs: 文档更新
- style: 代码格式
- refactor: 重构
- test: 测试相关
- chore: 构建/工具

## 🔗 相关链接

- [Vue.js官方文档](https://vuejs.org/)
- [Element UI组件库](https://element.eleme.io/)
- [Cesium地图引擎](https://cesium.com/)
- [Electron桌面应用](https://electronjs.org/)