Giter Site home page Giter Site logo

pizzadudez / moodmusic Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 1.0 965 KB

Allows the user to add custom genre/subgenre/mood tags to individual tracks, rate songs and easily visualize all playlists a track is part of. Create custom playlists based on filtering or manually adding and reordering tracks. Perfect for people that have medium to large music libraries and like to easily keep their favorite playlists up to date.

HTML 0.94% JavaScript 99.06%

moodmusic's Introduction

Usage

Authorization and initial setup

  1. Authorize the app
  2. No data => Get user's playlists
  3. First time playlist configuration:
    1. Every newly retrieved playlist is untracked by default
    2. Track playlists that will contain the songs you wish to categorize
    3. Check for Playlist Updates to retrieve songs from tracked playlists

Manage Playlists

  1. Playlist types:
    1. Containers
    2. MoodPlaylist
  2. Operations:
    • Create/Delete
    • Change playlist settings (tracking, type, default genre)
    • Reorder a playlists' tracks

Manage Labels

  • Create new Labels
  • Update (name, color, parent_genre)
  • Color Picker

Track Filter and Sort

  1. Filter by playlists
  2. Filter by labels
    • track must contain any include label
    • track must not contain any exclude labels
  3. Filter by search
    • track name, artist or album must contain the searched string
  • Sort Filtered tracks by: date_added, rating (default date_added from backend)

Track Operations

  • add/remove labels/playlists
    • On individual track:
      • menu appears relative to track
      • directly click on highlighted buttons to remove attributes and the reverse
      • 2 buttons:
        • Done: locally updates the track and stores the changes for later bulk submit
        • Submit: locally update and also send post request to update immediately
    • On track selection:
      • on this menu you select the attributes and click either add/remove
      • upon add/remove click track attributes are locally updated
      • submit changes remotely immediately or after some more operations
  • Menu to change star rating (individual track or selection)

Features that might make it

  • Liked songs added and treated as special container playlist
  • Play button or fully integrated playback
  • Toasts
  • Query/filter based playlists that can be auto updated with fitting tracks
  • Mp3 file tag injection
  • Changes rollback (store snapshots of changes)

moodmusic's People

Contributors

pizzadudez avatar

Watchers

James Cloos avatar  avatar

Forkers

cdecat

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.