这是一个基于 Tauri 2 + Rust + Vue 3 的桌面灵动岛组件,灵动岛悬浮窗实时显示网络速度,支持多平台音乐控制、流量统计、系统通知接收与硬件监控,支持置于任务栏左下角及智能轮换模式。
- 实时网速:每秒刷新上传/下载速度,自动切换单位
- 灵动岛悬浮窗:支持拖拽移动、弹簧动画进出场
- 网络状态指示灯:绿色(正常)/黄色(高延迟)/红色(断网)
- 流量高亮:超过 1MB/s 时箭头自动高亮提醒
- 速度趋势图表:控制台内置迷你折线图展示最近 15 秒下载速度
- 本地流量统计:自动记录每日上传/下载数据,支持柱状图/折线图可视化
- 本月流量统计:实时计算本月累计使用流量
- 播放控制:上一首 / 播放暂停 / 下一首(通过系统 SMTC API)
- 多平台支持:网易云音乐、Spotify、Apple Music、QQ音乐、酷狗音乐、Echo Music
- 歌曲信息:实时显示歌名、歌手和专辑封面
- 封面旋转:播放时封面自动旋转,暂停时停止
- 多源封面获取:优先从系统 SMTC 提取本地高清封面,降级至网易云、Deezer、Apple Music,SVG 渐变兜底
- 封面缓存:智能缓存最近 50 首歌曲封面,提升响应速度
- 彩虹流光边框:8 色渐变旋转边框,可独立开关
- 智能交互:悬停显示控件,离开后自动切换为歌曲信息,1秒自动收缩
- 实时捕获:接收系统 Toast 通知并在灵动岛展示
- 动态扩展:收到通知时灵动岛自动放大展示应用图标、标题和内容
- 智能过滤:自动过滤微信通知避免干扰
- 点击唤醒:点击通知区域直接打开对应应用(支持 QQ、微信、钉钉等)
- 静默消息模式:平时自动隐藏,收到消息后才弹出
- CPU/内存/GPU:实时显示占用率
- 高占用预警:≥90% 时自动红色警示
- 主题自适应:支持暗色/亮色主题
- 智能轮换:在网速岛、音乐岛、硬件监控之间自动轮换
- 轮换间隔:每 5 秒自动切换一次显示内容
- 状态互斥:开启轮换时自动禁用静默消息模式
- 主题切换:浅色/深色/跟随系统
- 灵动岛颜色:支持黑色/白色背景色调切换
- 透明度调节:0%~100% 实时同步至悬浮窗
- 开机自启:跟随系统启动,静默启动时主窗口隐藏
- 系统托盘:左键唤起控制台,右键强制退出
- 置于任务栏:锁定至屏幕左下角,禁止拖拽,自动置顶
- 位置锁定:右键菜单可锁定/解锁灵动岛位置
- 全屏游戏避让:自动检测全屏窗口,避免抢占焦点
- 检查更新:静默检测新版本并提示下载,支持 10 秒超时保护
| 层级 | 技术 |
|---|---|
| 桌面框架 | Tauri 2 (Rust) |
| 前端框架 | Vue 3 + TypeScript |
| 构建工具 | Vite 6 |
| 路由 | Vue Router 5 |
| 图表 | ECharts 6 |
| 图标 | Lucide Vue Next |
| 网络监控 | sysinfo (Rust) |
| 异步运行时 | Tokio (Rust) |
| HTTP 客户端 | reqwest (Rust) |
| 媒体控制 | Windows SMTC API |
| Windows API | windows-sys + winapi |
| 本地存储 | localStorage |
NetSpeed-Dynamic/
├── src/ # 前端源码
│ ├── main.ts # 应用入口
│ ├── router/index.ts # 路由配置
│ ├── views/
│ │ ├── MainPanel.vue # 主控制台(设置、统计、音乐平台切换)
│ │ └── WidgetIsland.vue # 灵动岛悬浮窗(网速、音乐、消息、硬件)
│ └── assets/ # 静态资源(图标、截图)
├── src-tauri/ # Tauri 后端
│ ├── src/
│ │ ├── main.rs # Rust 入口
│ │ └── lib.rs # 核心逻辑(网络、音乐、通知、动画)
│ ├── Cargo.toml # Rust 依赖
│ └── tauri.conf.json # Tauri 配置
└── package.json # 前端依赖
- Node.js >= 18
- Rust >= 1.70
- Tauri 2 CLI
git clone https://github.com/GEORGEWWWU/NetSpeed-Dynamic.git
cd NetSpeed-Dynamic
npm install
npm run tauri devnpm run tauri build产物位于 src-tauri/target/release/bundle/。
- 启动后显示主控制台,点击系统托盘可随时唤起
- 开启 Widget 开关,屏幕顶部出现灵动岛悬浮窗
- 左键拖拽移动,右键菜单可重置位置、锁定位置、开关流光边框或关闭
- 在"灵动岛设置"中选择音乐平台、开启音乐控制、消息通知、硬件监控或轮换模式
- 在"灵动岛设置"中切换灵动岛颜色(亮色/暗色)和开启静默消息模式
- 控制台右侧可切换常规设置与数据统计面板,支持柱状图/折线图切换
MIT License
Copyright (c) 2026 Ryen (GEORGEWU)
如果 NSD 对你有帮助,欢迎请作者喝杯咖啡!
| 方式 | 信息 |
|---|---|
| 微信支付 | ![]() |
| 支付宝 | ![]() |
| GitHub Sponsors | 前往支持 |
感谢每一位支持者!







