mmPlayer V1.6.7（2020.05.02）启动 2.0 版本

模仿 QQ 音乐网页版界面，采用 flexbox 和 position 布局； mmPlayer 虽然是响应式，但主要以 PC 端为主，移动端只做相应适配（未做歌词显示）； 只做主流浏览器兼容（对 IE 说拜拜，想想以前做项目还要兼容 IE7 ，都是泪啊！！！）

api：一个开源的网易云音乐 NodeJS 版 API（有 api 才有动力写！！！） 在线演示地址 React 移动端版本（高仿网易云音乐） 交流 QQ 群：529940193 本播放器由 maomao1996 开发，您可以随意修改、使用、转载。但使用或转载时请务必保留出处！！！

免责声明

本站音频文件来自各网站接口，本站不会修改任何音频文件

音频版权来自各网站，本站只提供数据查询服务，不提供任何音频存储和贩卖服务

本项目仅为前端练手项目，请勿用作商业用途，请勿通过本项目下载盗版歌曲资源，否则后果自负！

如何安装与使用

mmPlayer

# 下载 mmPlayergit clone https://github.com/maomao1996/Vue-mmPlayer.git# 进入 mmPlayer 播放器目录cd Vue-mmPlayer# 安装依赖 推荐使用 yarnnpm install# 本地运行 mmPlayernpm run serve# 项目打包（）npm run build

后台 api 服务

网易云音乐 NodeJS 版 API

# 下载 NeteaseCloudMusicApigit clone https://github.com/Binaryify/NeteaseCloudMusicApi.git# 安装依赖npm install# 运行后台 api 服务 访问 http://localhost:3000node app.js

注意点

运行 mmPlayer 后无法获取音乐请检查后台 api 服务是否启动(即控制台请求报404)

线上部署不是直接将整个项目丢到服务器，再去运行 npm run serve 命令

项目打包前 VUE_APP_base_API_URL 必须改后台 api 服务地址为线上地址，不能是本地地址

关于项目线上部署

最近有不少小伙伴部署出了问题，我在这说明下

• 后台 api 服务线上部署

• 你需要将 NeteaseCloudMusicApi 下载

• 然后将下载的文件上传至服务器

• 再通过 pm2 去启动服务(pm2 安装和相关命令网上有很多，这里不再赘述)

• 最后通过服务器 ip + 端口号访问验证 api 服务是否启动成功

• mmPlayer 线上部署

• 首先要注意的是

• 先将 .env 文件的 VUE_APP_base_API_URL 修改成上一步启动的后台 api 服务地址(服务器 ip + 端口号或者你绑定的域名)

• 然后先在本地运行 npm run build 命令，会打包在生成一个 dist 文件

• 最后将打包的 dist 文件上传到你的网站服务器目录即可

• 其他：在宝塔面板部署 mmPlayer（不喜欢写文，可能有点烂不要介意哈）

• 最后：本人已和谷歌、百度达成合作了，如果还有啥不懂的，以后可以直接谷歌、百度