All Projects → falcon78 → Vusic

falcon78 / Vusic

Vusic - Apple Music Web Player made with VueJS

Programming Languages

js
455 projects

Projects that are alternatives of or similar to Vusic

Vue Vben Admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!
Stars: ✭ 8,036 (+2320.48%)
Mutual labels:  vuex
Vuenut
⚙️ Developer tools for vue js (Vuex)
Stars: ✭ 305 (-8.13%)
Mutual labels:  vuex
Vue2 Jd
基于vue2 + mintUI + vuex构建的高仿京东App大型商城网站
Stars: ✭ 319 (-3.92%)
Mutual labels:  vuex
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (-9.34%)
Mutual labels:  vuex
Plugin Axios
Vuex ORM persistence plugin to sync the store against a RESTful API.
Stars: ✭ 304 (-8.43%)
Mutual labels:  vuex
Loopa News
Realtime social news app developed from scratch with Elixir, Phoenix, Vue and Vuex
Stars: ✭ 308 (-7.23%)
Mutual labels:  vuex
Paascloud Mall Web
模拟商城,完整的购物流程、后端运营平台,使用 spring cloud + vue 全家桶实现快速搭建企业级微服务项目
Stars: ✭ 287 (-13.55%)
Mutual labels:  vuex
Vue Music
Music Player for Vue.js
Stars: ✭ 324 (-2.41%)
Mutual labels:  vuex
Nuxt Elm
基于nuxt2+vue构建的全栈开源项目
Stars: ✭ 304 (-8.43%)
Mutual labels:  vuex
Vue Store
基于Vue+Vue-Router+Vuex+Element-ui+axios,参考小米商城,实现的电商项目。
Stars: ✭ 308 (-7.23%)
Mutual labels:  vuex
Vue News
Vue2.5知乎日报单页应用
Stars: ✭ 300 (-9.64%)
Mutual labels:  vuex
Vue Kindergarten
Modular security for Vue, Vuex, Vue-Router and Nuxt
Stars: ✭ 303 (-8.73%)
Mutual labels:  vuex
Plantuml Editor
PlantUML online demo client
Stars: ✭ 313 (-5.72%)
Mutual labels:  vuex
Roastandbrew
Updated content available! We learned a lot since we originally wrote this article. We now have this updated for Laravel 8, Vue, and NuxtJS 👉 https://srvrsi.de/book
Stars: ✭ 300 (-9.64%)
Mutual labels:  vuex
Neteasemusic
Vue版仿网易云音乐ios端web spa
Stars: ✭ 319 (-3.92%)
Mutual labels:  vuex
Space Snake
A Desktop game built with Electron and Vue.js.
Stars: ✭ 289 (-12.95%)
Mutual labels:  vuex
Vuex Smart Module
Type safe Vuex module with powerful module features
Stars: ✭ 306 (-7.83%)
Mutual labels:  vuex
Daza Frontend
[DEPRECATED]
Stars: ✭ 326 (-1.81%)
Mutual labels:  vuex
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (-2.71%)
Mutual labels:  vuex
Vueflux
♻️ Unidirectional State Management Architecture for Swift - Inspired by Vuex and Flux
Stars: ✭ 315 (-5.12%)
Mutual labels:  vuex

Vusic - Apple Music Web Player

Made with Vue, Vuex , Vue Router, (Styled with SASS). Powered by Genius, Youtube and Apple MusicKitJS SDK

Discussions

Hackernews (Show HN)

Reddit (/r/Vue)

Features

Library

  • View all songs, albums, playlists in your library.
  • Add songs to your Library.
  • Search you library.

Apple Music

  • Browse currently popular songs.
  • Search Apple Music catalog.
  • Show recommendations by Apple (For You)
  • Browse Recently played , added and most frequently played items (heavy rotation)
  • like or dislike (rate) a song

Other features

  • Show music video for currently playing song (youtube)
  • Show lyrics for currently playing song

Screenshots

Album View

Library Artists

Playlist View

Music Video and Lyrics

Library Playlists

Options Menu

Queue Items

How to Build

Rename apiKeys.example.js to apiKeys.js and add all the necessary api keys

Api keys example

const keys = {
  appleMusic: {
    developerToken: 'Apple MusicKitJS API Key Goes Here',
    name: 'Vusic',
    build: 'ver1',
    version: 'ver1',
  },
  geniusAccessToken: 'Genius Access Token Goes Here',
  youtubeApiKey: 'Youtube Api Key Goes Here',
};

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Other Projects like this (inspiration for this project)

Musish

apple-music-webplayer by zachomedia

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].