当前位置: 首页 > news >正文

【开源】一个基于 Vue3 和 Electron 开发的第三方网易云音乐客户端,具有与官方客户端相似的界面布局

🎵 XCMusic:高颜值第三方网易云音乐客户端 🎶

在这里插入图片描述

📍 项目亮点

XCMusic 是一款基于Vue3+Electron开发的开源、跨平台网易云音乐客户端。
此音乐播放器基于 Electron 开发,旨在为用户提供简洁、美观、兼容多平台的音乐体验。项目代码易于扩展和定制,支持多种音乐格式播放,界面简洁流畅。
兼容Windows、macOS 和 Linux的音乐播放器。它不仅支持常见的音乐格式,还提供歌词显示、播放辅助、主题切换等功能。

其特色功能包括:

▌ 核心优势:
✔️ 原生歌词特效:支持卡拉OK式逐字滚动
✔️ 无损音质解析:突破客户端音质限制
✔️ 主题自定义:CSS样式深度定制

▌ 主要功能:

  • 🎵 多格式支持:MP3、FLAC、WAV、AAC等主流音频格式
  • 📱 跨平台能力:iOS、Android、Windows、macOS全平台覆盖
  • 🔄 播放控制:播放/暂停、上一曲/下一曲、进度调节
  • 🎚️ 音频处理:均衡器、音量调节、音效增强
  • 📊 元数据管理:ID3标签读取与编辑

2.2 技术架构

音频解码
播放引擎
UI界面
平台适配层
iOS/Android/PC

🎧 功能全景

功能模块技术特性应用场景
🎹 频谱可视化WebGL实时渲染 & 主题联动音乐播放可视化
📻 私人FM智能推荐算法 & 红心收藏个性化音乐推荐
🎨 主题工坊CSS变量注入 & 热重载界面个性化定制
🔄 多端同步WebDAV协议 & 增量同步歌单跨设备同步

🚀 快速安装

以下操作均基于Node.js,如果没有安装,请先安装Node.js,建议使用nodejs 20及以上版本。

可以使用electron或者tauri作为项目后端,由于tauri后端并未完全适配,更建议使用electron后端。

安装依赖

npm install

使用electron

运行Electron程序

npm run electron:serve

打包为二进制程序

npm run electron:build

如果在mac上因为找不到python出错,请在安装python后执行

node ./scripts/mac_build.js

使用tauri

  1. 打包网易云音乐api程序:

    1. 下载本仓库克隆仓库:yiktllw/NeteaseCloudMusicApi
    2. NeteaseCloudMusicApi目录下,安装依赖:
    npm install
    
    1. NeteaseCloudMusicApi目录下,修改app.jsstart函数为:
    async function start() {// 检测是否存在 anonymous_token 文件,没有则生成if (!fs.existsSync(path.resolve(tmpPath, "anonymous_token"))) {fs.writeFileSync(path.resolve(tmpPath, "anonymous_token"), "", "utf-8");}// 启动时更新anonymous_tokenconst generateConfig = require("./generateConfig");await generateConfig();require("./server").serveNcmApi({checkVersion: false,port: 43210,});
    }
    
    1. NeteaseCloudMusicApi目录下,根据平台运行命令:

    win平台

    npm run pkgwin
    

    linux平台

    npm run pkglinux
    

    macos平台

    npm run pkgmacos
    
    1. NeteaseCloudMusicApi/bin目录下,找到打包的程序,并将其复制到XCMusic/src-tauri/resources/api目录下。
  2. 安装Rust开发环境

  3. 运行tauri程序:

npm run tauri:serve
  1. 打包为二进制程序:
npm run tauri:build
# Windows 用户
choco install xcmusic# macOS 用户
brew install --cask xcmusic# Linux 用户
sudo apt-get install xcmusic

🔧 高级配置

1. 主题自定义

/* 自定义主题示例 */
:root {--primary-color: #2196F3;--background-image: url('https://example.com/bg.jpg');
}

TIP: 配置文件路径:~/.config/xcmusic/custom.css

2. 主要快捷键

组合键功能描述
Ctrl+Shift+L开启/关闭歌词面板
Alt+←/→上一曲/下一曲

5、每日资源 在这里

💯 👉【我的更新汇总】

👉项目下载

关注我的CSDN博客

更多资源可以查看我的CSDN博客

相关文章:

  • Spring Boot 多参数统一加解密方案详解:从原理到实战
  • HTB AD域渗透Skills Assessment Part I复现
  • Linux | 开机自启动设置多场景实现
  • 深入解析 OpenManus:开源 AI 智能体框架的技术原理与实践
  • 智能事件分析边缘服务器:交通管理与安全监测的利器
  • IEEE PRMVAI 2025新论坛: 人工智能+雷达信号处理
  • python学习打卡day31
  • PostgreSQL简单使用
  • 大语言模型 15 - Manus 超强智能体 开源版本 OpenManus 案例与原理深入解析
  • 【氮化镓】低剂量率对GaN HEMT栅极漏电的影响
  • 用于管理共享内存的 C# 类 ShareMemory
  • 9-社区动态(Stack布局)
  • 探秘鸿蒙 HarmonyOS NEXT:Navigation 组件的全面解析
  • HarmonyOS5云服务技术分享--账号登录文章整理
  • cv2.VideoWriter_fourcc(*‘mp4v‘)生成的视频无法在浏览器展
  • 基于 STM32 的蔬菜智能育苗系统硬件与软件设计
  • Go语言使用通义灵码辅助开发 - AI编程助手提升效率
  • 经典Java面试题的答案——Java 基础
  • Kotlin 协程 (一)
  • 【Linux】初见,基础指令(续)
  • 错过航班大闹机场女子发声:非母子关系,将起诉视频发布者
  • 欧盟就逐步放松对叙利亚制裁达成一致
  • 体坛联播|利物浦三轮不胜,孙颖莎/王楚钦晋级混双八强
  • 周慧芳任上海交通大学医学院附属上海儿童医学中心党委书记
  • 海军“吉祥方舟”号医院船开展海上卫勤演练
  • 历史缝隙里的人︱觑功名如画饼:盛世“做题家”的攀爬与坠落