又一个高颜值音乐播放器基于 Electron Vue3 打造的跨平台桌面听歌神器 AriesMusic一款界面精致、功能齐全的开源桌面音乐播放器支持在线播放、桌面歌词、逐字歌词、黑胶唱片界面、本地音乐、音乐下载、多音源解析全平台通吃 Windows / macOS / Linux。 GitHub 地址https://github.com/AriesChenL/AriesMusicPlayer—— 觉得好用点个 ⭐ Star 支持一下前言市面上的音乐播放器要么广告满天飞要么灰色歌曲一堆放不了要么界面丑得让人没有打开的欲望。作为一个既想好好听歌、又对 UI 有点强迫症的开发者我基于 Electron Vue3 打磨了这样一个桌面音乐播放器 ——AriesMusic。它主打三个字好看、好用、全平台。下面带你逐个功能过一遍文末有一键上手教程。一、先看颜值界面长什么样整体采用深色主题 毛玻璃质感播放器、歌单、搜索、设置各个页面都做了统一的圆角与配色规范没有那种拼凑感。几个视觉亮点黑胶唱片播放界面播放时唱片旋转、唱臂落下暂停自动定格满满的仪式感。[在此插入截图黑胶唱片播放页]全屏 / 桌面歌词支持单行、双行、滚动三种模式双行还有分组淡出动画。[在此插入截图桌面歌词效果]移动端自适应不只是桌面窄窗口下会自动切换到移动端布局平板模式也做了适配。二、核心功能一览 在线播放 多音源解析支持在线搜索、播放海量曲库内置多音源解析策略遇到某个源失效会自动尝试其他音源尽量保证歌曲能正常播放。 桌面歌词 逐字歌词独立的桌面歌词窗口可拖动、可调透明度支持逐字歌词karaoke 式高亮跟着节奏一个字一个字亮起支持歌词翻译开关、繁体转换[在此插入截图逐字歌词高亮效果] 本地音乐一键扫描本地音乐文件夹自动解析 ID3 标签、专辑封面本地歌曲和在线歌曲统一管理断网也能听。⬇️ 音乐下载支持下载喜欢的歌曲到本地可配置下载目录支持无损音质。 强大的搜索搜索结果按单曲 / 歌单 / 歌手 / 专辑分 Tab 展示找歌更精准。 自动更新内置基于 electron-updater 的自动更新系统新版本发布后应用内即可检查并升级不用每次手动去下载。⌨️ 全局快捷键 系统集成全局快捷键控制播放 / 暂停 / 切歌系统媒体控制中心集成macOS 的 Now Playing、Linux 的 MPRIS托盘歌词显示三、技术栈这播放器是怎么搭起来的对同样想做 Electron 桌面应用的同学这套技术选型可以直接参考层技术桌面框架Electron前端框架Vue 3Composition API script setup语言TypeScript全量构建工具electron-viteVite 驱动热更新飞快状态管理Pinia打包分发electron-builder多平台多架构一键出包架构上的几个设计点1. 主进程 / 渲染进程职责分离播放核心状态放在渲染进程的 Pinia store主进程负责系统集成托盘、媒体控制、自动更新、日志通过 IPC 通信边界清晰。2. 独立的音频服务层把HTMLAudioElement的操作、EQ、AudioContext、MediaSession 全部封装进一个audioService对上层暴露事件play / pause / end / seek / url_expired 等组件只管监听事件、不直接碰音频元素逻辑解耦。3. 播放稳定性打磨播放器最怕的就是卡死“转圈圈”。我在音源加载失败的处理上做了熔断机制——同一首歌连续解析失败超过阈值就停止重试并提示用户避免无意义的后台空转。类似的健壮性细节还有不少这也是它用起来不闹心的原因。4. 可配置的日志系统内置结构化日志JSONL 格式记录播放行为与错误支持配置存储位置和保留天数方便排查问题——对一个要长期维护的项目来说这很关键。四、快速上手直接下载安装包推荐普通用户前往 Releases 页面 下载对应平台的安装包WindowsAriesMusic-x.x.x-win-x64.exemacOSAriesMusic-x.x.x-mac-arm64.dmgApple 芯片/mac-x64.dmgIntelLinuxAppImage/deb从源码运行开发者# 克隆项目gitclone https://github.com/AriesChenL/AriesMusicPlayer.gitcdAriesMusicPlayer# 安装依赖npminstall# 启动开发模式npmrun dev# 打包当前平台npmrun build:mac# macOSnpmrun build:win# Windowsnpmrun build:linux# LinuxNode 版本建议 20其余开箱即用。五、开源协议 致敬本项目在开源项目 AlgerMusicPlayerMIT 协议的基础上二次开发感谢原作者的优秀工作。本项目同样遵循MIT 协议欢迎自由使用、学习、二次开发。注本项目仅供学习交流使用请支持正版音乐。结语如果你也在找一个颜值在线、功能齐全、还没广告的桌面音乐播放器或者你正想学习 Electron Vue3 桌面应用的实战写法欢迎来试试 AriesMusic。项目地址https://github.com/AriesChenL/AriesMusicPlayer觉得不错的话点个 ⭐Star是对作者最大的鼓励有问题或建议也欢迎提 Issue / PR一起把它打磨得更好 本文首发于 CSDN转载请注明出处。