https://github.com/smallruraldog/vue3-music

VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端，支持黑夜模式
https://github.com/smallruraldog/vue3-music

music-player typscript vue vue3

Last synced: 3 days ago
JSON representation

VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端，支持黑夜模式

• Host: GitHub
• URL: https://github.com/smallruraldog/vue3-music
• Owner: SmallRuralDog
• Created: 2022-03-02T13:35:29.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-27T03:47:18.000Z (about 2 years ago)
• Last Synced: 2024-11-16T07:33:35.590Z (about 1 month ago)
• Topics: music-player, typscript, vue, vue3
• Language: Vue
• Homepage: https://smallruraldog.github.io/vue3-music
• Size: 14.6 MB
• Stars: 1,591
• Watchers: 17
• Forks: 347
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# VUE3-MUSIC

基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。

在线体验：[https://smallruraldog.github.io/vue3-music](https://smallruraldog.github.io/vue3-music)

将浏览器大小设置成1050*670，体验效果更好！界面是自适应的，使用[tailwindcss.com](https://www.tailwindcss.com)来实现

手机端未适配，后期会使用[Flutter](https://flutter.dev)单独开发手机客户端，使用[Electron](https://www.electronjs.org)打包桌面客户端并内置API服务

在线演示为了安全考虑，不提供API接口服务，需要准备好自己的API服务地址，并且是HTTPS的，没有HTTPS的服务，可以本地运行，首次打开时会要求设置API地址

## 本地安装

```

git clone https://github.com/SmallRuralDog/vue3-music.git

cd vue3-music

yarn

yarn run dev

```

## 网易云音乐API

需要运行API服务才能正常体验

[开发文档](https://binaryify.github.io/NeteaseCloudMusicApi)

## UI

![image-20220310123410770](ui/image-20220310123410770.png)

![image-20220310123530635](ui/image-20220310123530635.png)

![image-20220310123634367](ui/image-20220310123634367.png)

![image-20220310123722684](ui/image-20220310123722684.png)

![image-20220310123456071](ui/image-20220310123456071.png)

![image-20220310123545606](ui/image-20220310123545606.png)

![image-20220310123650090](ui/image-20220310123650090.png)

![image-20220310123738142](ui/image-20220310123738142.png)

## PS

通过此开源项目学习VUE3的强大..加油！