使用vue制作的音乐播放器(一)
2017-06-05 本文已影响0人
yangrenmu
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:固定高度内滚动插件。
项目截图
截图展示部分功能