mmPlayer |基于Vue的基于Web的自适应音乐播放器

mmPlayer是使用Vue系列存储桶构建的自适应Web音乐播放器，主要基于PC端模仿QQ音乐页面版本界面播放器 命令行，而移动端仅进行相应的改编（无歌词显示）），歌词滚动，排行榜，搜索，播放历史记录以及六个云歌曲列表的同步现在可用.

Github地址:

1，安装依赖项

#Debian/Ubuntu系统
curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt install -y nodejs git screen 
#CentOS系统
curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install nodejs git screen -y

2. 运行播放器

git clone https://github.com/maomao1996/Vue-mmPlayer.git mmPlayer
cd mmPlayer
#安装依赖
npm install
#开发者运行
npm run serve

访问地址是ip: 8080，但此处用于调试. 首先，将其静置，然后构建后端服务器.

为了避免不必要的问题，此处不直接使用项目中的源代码，而是直接提取最新的API.

git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi
#安装依赖
npm install
#运行
node app.js
#或者后台运行
screen -dmS api node app.js

后端地址为ip: 3000. 如果要更改其他端口，例如5555，则将启动命令设置为PORT = 5555 && node app.js.

3. 修改并打包

这里仅是一些常见的修改，例如标题和后端api地址的修改.

#修改后端api
路径src/config.js，修改const URL = 'http://ip:3000'
#修改标题和提示话语
路径src/App.vue和src/components/mm-header/mm-header.vue，自己找关键词自行修改吧

如果要使用https访问音乐播放器，则需要使用https域名来反转api地址，然后填写反转的https域名.

接下来，打开ip: 8080以查看修改效果，但是通常在本地不可用，因此只需查看标题和提示即可.

确定没有问题，开始打包，使用Ctrl + C断开操作，使用命令:

npm run build

然后，打包的源代码位于dist文件夹中. 此时，您可以将文件夹中的源代码放入网站的根目录并直接使用它. 记住不要挂后端地址.

最后，如果您只是想玩游戏播放器 命令行，那么这是最快的跑步方法，请使用以下命令:

#进入打包好的文件夹
cd dist
#运行端口4567，可自行修改
python -m SimpleHTTPServer 4567

然后只需访问ip: 4567. 如果无法打开它，请检查防火墙.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-259848-1.html