17

(Vusic) A Simple Web Player for Apple Music Built with Vue and Vuex

 4 years ago
source link: https://github.com/falcon78/Vusic
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

veuyeme.png!web

Vusic - Apple Music Web Player

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.
  • Searh 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

Zz2aYny.png!web

Playlist View

6V7jMrb.png!web

Music Video and Lyrics

uQV7jiA.png!web

Library Playlists

JjMRjie.png!web

Options Menu

feeqmaa.png!web

Queue Items

amARba7.png!web

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 .


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK