news 2026/8/22 21:31:45

免费听全网易云和QQ音乐:第三方Web播放器NeteaseMusic完整使用指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
免费听全网易云和QQ音乐:第三方Web播放器NeteaseMusic完整使用指南

免费听全网易云和QQ音乐:第三方Web播放器NeteaseMusic完整使用指南

【免费下载链接】NeteaseMusic网易云音乐 & QQ音乐 & 咪咕音乐 第三方 web端 (可播放 vip、下架歌曲)项目地址: https://gitcode.com/gh_mirrors/ne/NeteaseMusic

NeteaseMusic 是一个第三方 Web 端音乐播放器,把网易云音乐、QQ 音乐、咪咕三个平台的接口聚合到一个网页里。遇到网易云没版权或下架的歌,它按"歌名 + 歌手"去其他平台找到对应版本接着播。歌单、评论、下载、日推照常使用,浏览器里就能跑。

听歌总被版权卡住?

歌单里常出现灰色播放按钮:那首歌在网易云下架了,或者只有 VIP 能听。常规解法是手动换平台搜同名歌,进度条、歌词、收藏全得重头再来;收藏夹里跨平台的歌越来越多,切 App 切换网页的成本也越来越高。这个项目的思路很直接:与其让用户自己找音源,不如一次请求三处,谁有版权用谁。

一句话定位:三平台合一的网页播放器

登录后它就是一个普通音乐播放器:搜歌、看歌单、点播放。区别藏在音源层——播放请求走的是聚合接口,网易云拿不到可用链接时,自动转去 QQ 音乐或咪咕找同名歌曲,播放列表的样式、顺序都不变。VIP 歌曲、下架歌曲因此可以继续听,前提是配置好对应的账号 cookie(QQ 音乐部分接口需要 VIP 登录态)。

场景化拆解:它把三处体验缝在了一起

播放:下架歌自动换源继续播

搜索框一次查询三个平台,结果混合排列,点哪首播哪首。歌词、封面、播放地址跟着歌曲走,换源时不重头缓冲,播放列表的样式保持不变。

歌单跨平台合并,收藏只留一份

搜索歌单时能同时查到三个平台的歌单,QQ 音乐的歌单可以直接拉进来播放。收藏、红心统一落在网易云账号上,心动模式和私人 FM 照常可用,不用在两边来回搬运歌单。

评论、听歌记录、下载都不缺

  • 发评论、删评论、回复、点赞,走的是网易云接口,和原生 App 里的记录互通
  • 听歌打卡把播放历史同步回网易云账号,历史时间线不断档
  • 单曲下载支持整首歌或整首下载,配合浏览器就能离线听
  • 切到极简模式后只剩一个小播放器,适合挂在副屏或待机页
  • 键盘可以直接控制播放和切歌,不用反复点鼠标

三步跑起来

git clone https://gitcode.com/gh_mirrors/ne/NeteaseMusic cd NeteaseMusic && npm install npm run serve

浏览器打开本地地址就能用。QQ 音乐的高级接口需要 VIP 登录 cookie,在设置页填入即可;接口层封装在 src/assets/utils/apiList.js,想看三个平台怎么拼在一起可以从这里入手。

技术实现与项目现状

前端是 Vue 2 + Vuex + vue-router 的全家桶方案,组件按播放、歌单、歌手、评论拆分,接口路径统一命名;三平台的请求合并逻辑集中在 src/assets/utils/request.js,音源切换的兜底就发生在这层。后端由 NetEase Cloud Music API 与 QQMusicApi 两个开源服务支撑。目前歌单编辑、电台还在 TODO 里,有想法可以直接提 issue 或 PR,作者对社区反馈的响应比较积极。

把仓库拉下来跑一遍,你的老歌单应该能原样续上。

【免费下载链接】NeteaseMusic网易云音乐 & QQ音乐 & 咪咕音乐 第三方 web端 (可播放 vip、下架歌曲)项目地址: https://gitcode.com/gh_mirrors/ne/NeteaseMusic

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/22 21:30:53

AI智能体部署后评估:从静态测试到持续监控的工程实践

1. 项目概述:当AI智能体走出实验室,我们如何“听诊”其真实表现?在AI领域,尤其是大语言模型驱动的智能体(AI Agents)技术,正经历着一场从“演示惊艳”到“落地实用”的关键转型。过去一年&#…

作者头像 李华
网站建设 2026/8/22 21:29:04

基于OpenClaw与AI大模型的求职辅助系统开发实践

1. 项目背景与核心价值最近在帮几个朋友做职业辅导时,发现一个普遍痛点:很多技术人在求职过程中,面对AI大模型相关岗位时缺乏系统性准备方案。传统的人工简历优化和模拟面试效率低下,而市面上的AI工具又过于零散。于是我用OpenCla…

作者头像 李华
网站建设 2026/8/22 21:26:33

结构化面试自我认知类题目解析与应对技巧

1. 结构化面试中的自我认知类题目解析自我认知类题目是结构化面试中最基础也最重要的题型之一。这类题目主要考察应聘者对自身特点、职业规划、价值观等方面的认知程度。作为面试官,我见过太多应聘者在这一环节表现不佳——要么过于自夸显得不真实,要么过…

作者头像 李华
网站建设 2026/8/22 21:24:10

数学建模竞赛实战:从时空预测到优化调度完整解决方案

1. 项目概述:从“认证杯”到数学建模实战又到了一年一度的“认证杯”数学建模竞赛季。对于很多理工科,尤其是数学、计算机、统计、金融等专业的学生来说,这段时间意味着挑灯夜战、头脑风暴和代码调试。我作为过来人,也带过不少队伍…

作者头像 李华
网站建设 2026/8/22 21:22:57

【原创】基于微信小程序+AI大模型+uni-app的母婴用品商城与育儿知识小程序(设计与实现)

摘要:随着行业信息化建设持续推进,母婴用品与育儿知识平台相关业务对线上协同与数据沉淀的要求不断提高。传统线下或分散式办理方式存在流程繁琐、信息滞后、协作成本高、过程难追溯等弊端,难以适应便捷化、可管理的业务服务需求。同类课题亦…

作者头像 李华
网站建设 2026/8/22 21:22:20

机密计算与TEE技术:为AI智能体构建硬件级数据安全保险箱

1. 项目概述:当智能体触及机密时最近和几个做AI应用落地的朋友聊天,大家不约而同地提到了同一个痛点:我们开发的AI智能体(Agent)能力越来越强,能处理的任务也越来越核心,从自动分析财务报告到辅…

作者头像 李华