GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Alex-xd → Seemusic

Alex-xd / Seemusic

Vue 云音乐播放器，网易云音乐API，可听网易云高品质付费歌曲。 Vue music player

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

electronvuexvue-routervue2axiosmusic-playerwebpack2

Projects that are alternatives of or similar to Seemusic

Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
Stars: ✭ 1,135 (+913.39%)
Mutual labels:  webpack2, axios, vuex, vue-router, vue2
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (+360.71%)
Mutual labels:  webpack2, axios, vuex, vue-router, vue2
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+668.75%)
Mutual labels:  webpack2, axios, vuex, vue-router, vue2
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-8.04%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+128.57%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Mall
微信公众号测试项目
Stars: ✭ 74 (-33.93%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue News
Vue2.5知乎日报单页应用
Stars: ✭ 300 (+167.86%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Testing Examples
Advanced testing with vuejs. When you need to go beyond Getting started section and see some real world example with everything that proper tests should have.
Stars: ✭ 288 (+157.14%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统（包含地图等嵌套）
Stars: ✭ 74 (-33.93%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+550.89%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+423.21%)
Mutual labels:  webpack2, axios, vue-router, vue2
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-85.71%)
Mutual labels:  axios, vuex, vue-router, vue2
Douban
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent
Stars: ✭ 2,324 (+1975%)
Mutual labels:  webpack2, vuex, vue-router, vue2
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+122.32%)
Mutual labels:  axios, vuex, vue-router, vue2
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+1104.46%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目，一个PC端页面入口，一个移动端页面入口，且有各自的路由， vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (+29.46%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Music
基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本
Stars: ✭ 855 (+663.39%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue axios spa
基于vue2+axios+vux+vue-router+vuex构建的单页微信端项目
Stars: ✭ 54 (-51.79%)
Mutual labels:  axios, vuex, vue-router, vue2
Xz Admin
基于Vue、element-ui技术栈开发的前后端分离后台管理系统（持续维护中）
Stars: ✭ 62 (-44.64%)
Mutual labels:  axios, vuex, vue-router
Mall Admin Web
mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。
Stars: ✭ 9,123 (+8045.54%)
Mutual labels:  axios, vuex, vue-router
View All Similar Projects ➔

See Music

重要

本项目正在进行二次重新开发，当前开发分支为dev分支，老版的源码在old-version分支上，如需老版的源码可直接下载最新release，老版不再更新。

Commitizen friendly

使用vue2 vuex vue-router axios webpack Electron搭建的跨平台云音乐播放器，网易云音乐接口强力支撑，可随意畅听高品质收费歌曲

Usage

# 项目根目录安装依赖
npm install

# 浏览器访问localhost:8000
npm run dev

# 打包编译生成静态资源
npm run build

编译为桌面端应用

当前配置仅编译为mac端桌面程序，如需window、linux版本只需在build/package.json中script字段下的--platform=darwin后添加对应平台名称即可。

重要！

第一步：请先将build.option.js中MODE设为1

第二步：

# 重要！以下操作均在build目录下进行
# 安装electron相关依赖
npm run install

# 预览效果
npm run test

# 编译生成可执行文件
npm run build

开发计划

短期：

  • 播放
  • 暂停
  • 上一首、下一首
  • 随机、单曲循环播放
  • 查询(支持歌名，歌手，歌词，专辑查询)
  • 下载歌曲
  • 高品质音乐支持
  • 显示歌曲评论（数据来自网易云音乐）
  • 优化移动端体验
  • 将SongList组件中的ListItem抽象为一个通用组件
  • 参考Vue HackerNews，对代码结构进行优化
  • 缓冲进度条
  • 用beforeMount优化SongList组件
  • webpack code spliting优化

长期：

  • 后台用Node重写并开源（后台目前为java实现，暂时闭源）
  • 完善测试
  • 榜单
  • 用户登录/注册
  • 支持用户自定义歌单（可添加歌曲进用户歌单）
  • 收藏歌曲/歌单
  • 歌词显示
  • 歌单和评论滚动加载更多

bugs & issues

  1. 部分收费歌曲的普通品质（96kbps）的音源不存在（404），在播放时应自动切换品质

  2. 正在播放时去搜索歌曲，如果关键词为空，会自动切换到默认列表里的歌曲播放

  3. 点击导航栏后应保留字体颜色以显示说明在当前板块下

  4. 评论区切歌，评论也应切换

LISENCE

MIT

本项目仅供交流学习之用

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].