使用vue制作的音乐播放器(一)

music app

• github 地址：https://github.com/yangrenmu/music
• API来源，感谢@Binaryify的网易音乐的接口，这些接口是在本地node的环境中使用，为了可以在线访问，将这些API部署到了leancloud上面。
  接口文档
  使用时，将接口地址前加上 http://musicapi.leanapp.cn 即可。
  如：获取音乐 url
  接口地址为：/music/url?id=347230，
  这样使用： http://musicapi.leanapp.cn/music/url?id=347230，可以得到歌曲的 URL 信息

演示

在线演示

扫描下方二维码 ，可以在移动端进行浏览

安装

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

项目技术

• vue：项目中主要运用了 vue.js 框架，轻量，易上手。
• vuex：vue 的状态管理插件，便于 vue 各组件之间的通信。
• vue-router：vue 的路由插件。
• vue-axios：项目中主要用来请求数据。
• swiper：触屏焦点图、触屏Tab切换、触屏多图切换插件。
• better-scroll：固定高度内滚动插件。

项目截图

截图展示部分功能