/music

vue-音乐播放器,使用 vue + vuex + vue-router + vue-axios + swiper + better-scroll

Primary LanguageVue

music app

  • 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:固定高度内滚动插件。

项目截图

项目中的部分功能