用vue做一个音乐播放器

xz-music 音乐播放器（web移动端）

开源协议MIT License

github: https://github.com/huangweizhi/xz-music.git

gitee: https://gitee.com/weizhihuang/xz-music.git

页面展示

API接口

使用了开源的网易云音乐 NodeJS 版 API

技术栈

• vue全家桶 vite + vue3 + vue-router4 +pinia2

• ui库 vant

• css预处理 less

• ajax请求 axios

• 滚动优化 better-scroll

功能

• 音乐播放

• 歌词滚动

• 播放列表

• 播放进度（上一首、下一首、暂停、进度条）

• 音乐MV

• 音乐评论

• 喜欢音乐

• 排行榜

• 分类

• 歌单详情

• 每日推荐

• 热门MV

• 搜索（单曲、歌单、歌手、MV）

• 热门歌手

• 推荐歌单

• 推荐新音乐

• 二维码登录

• 我的喜欢

• 创建歌单

• 收藏歌单