/ Music

Apple Music Web Player made with VueJS

Apple Music Web Player made with VueJS

Vusic

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

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

Vusic3

Library Artists

Vusicds

Playlist View

Vusicds-1

Music Video and Lyrics

Vusicd

Library Playlists

Vusics

Options Menu

Vusicv

Queue Items

Vusic

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

GitHub