nioc / web-music-player Goto Github PK

Even if the correct album cover is not handled (require #8), add the cover attribute (in playlist, album and track API) and use it in PlayerController (keep the default value if attribute is null).

Add track by in ng-repeat directive. Example for library :

<li ng-repeat="track in library.tracks | orderBy:library.order">
<li ng-repeat="track in library.tracks track by track.id | orderBy:library.order">

Changing :

• ng-repeat="item in menu.items" using track by $index
• ng-repeat="track in player.playlist.tracks" using track by track.sequence
• ng-repeat="track in library.tracks | orderBy:library.order" using track by track.id
• ng-repeat="folder in catalog.folders" using track by folder.path
• ng-repeat="file in folder.files" using track by $index
• ng-repeat="folder in folder.subfolders" using track by folder.path

Change ng-hide en ng-if for purging watchers:

• <button class="button-icon player-control play" ng-click="player.play()" ng-hide="player.isPlaying" title="Play"> using ng-if="!player.isPlaying"
• <button class="button-icon player-control pause" ng-click="player.pause()" ng-show="player.isPlaying" title="Pause"> using ng-if="player.isPlaying"
• <ul class="menu" ng-show="menu.visible" ng-cloak> using ng-if="menu.visible"
• <ul class="tree" ng-show="folder.show"> using ng-if="folder.show"
• <input ng-show="library.search.displayFilter.title" ...> using ng-if="library.search.displayFilter.title"
• <input ng-show="library.search.displayFilter.artist" ...> using ng-if="library.search.displayFilter.artist"
• <input ng-show="library.search.displayFilter.album" ...> using ng-if="library.search.displayFilter.album"

Provide a way for user to rate :

• songs,
• albums (default value for each track with no rating),
• artists.

Display it on :

• player,
• library,
• album page,
• artist page.

Updating the seeker require frequent digest cycles. Allow user to desactivate seeker with a switch in menu.

Help user to understand there is a process in background.

Get artist, album, title, track number, year, default rating, mbid,… from ID3 tag at track creation.

Inform user that the requested track was successfully added into his playlist.

• Add a control to compare user identity provided in token and user provided in the query string / request body (playlist and user API).
• Add a control on user scope (based on identity provided in token) for administrative functions (GET folders, POST library, GET users).

User should sort tracks by artist or album in library.

Roles allow users to access restricted page (like admin) and restricted API (like user creation).

This features must:

• provides an API function to check if user is granted to access requested resource.
• returns a 403 HTTP status for accessing restricted API without required role.
• sets scope attribute with a user roles array in in the JSON Web Token.
• checks required scope if user accessing restricted GUI.

Add cache system for enhance performance (library, playlist, ...)

On artist form, propose a button to find possibles duplicate artists (based on mbid and name).
A click on a returned artist will ask for confirmation and merge with current one.

Using of ng-bind="object.attribute" instead of {{object.attribute}} to avoid blinking.
To improve performance, use ng-bind="::object.attribute" or ng-repeat="item in ::object.collection" for static elements (like tracks in library).

Rename Library Factory, variables and API in Track

Development is growing, we need automated unit testing:

• PHPUnit for PHP
• Jasmine for JavaScript (AngularJS)

Add these tests and PHP-CS-Fixer into Travis CI for full test automation.

It is the identifier that is shown on the playlist, the display must be with the labels.

Display a mini player at the bottom when browsing other pages (album, artist, library, ...) with following controls :

• play / pause
• next
• previous
• cover (display main player)

Allow user to browse catalog. Allow user to search in catalog by artist, album and track title.

Provide an automatic setup of the database.

Unless SQLITE_ENABLE_UPDATE_DELETE_LIMIT compilation option was set, SQLite fails on these statements :

• UPDATE (...) LIMIT 1;
• DELETE (...) LIMIT 1;

Add pagination on library to display significant number of tracks without performance issue.

Allow admin to choose SQLite or mySQL database engine during setup.

User should search tracks by criterias.
Searchs should be saved.

Provides a basic HTML player.

• add folder to library,
• remove album,
• remove artist (and all his albums and tracks).

Need to store image in database.

When creating album:

• check if an image (*.jpeg) exists in the album folder,
• otherwise, use LastFM album.getInfo API for retrieving the cover, in album.image[] or MusicBrainz Cover_Art_Archive
• then store it on the cover table.

User should create a playlist and load it.
He should add and remove tracks.

Providing a web player able to get tracks in a playlist.

Database access is handled with a global object which is not in standards. Have to moving to a Database class and including this class in every function which requires a database access :

$connection = new Database();

Allow user to play local files... may be not possible 😃

There is three distinct parts in the application :

• setup
• sign-in form (see #5)
• main app

Main app uses ng-route for unify the following parts of the GUI :

• player (always in the DOM)
• catalog
• user settings
• admin (protected access with token scope information, see #25)

https://musicbrainz.org/

Use "Service Workers" for offline access.

User should modify tracks order in his playlist.

The current playlist store for each user the tracks he adds.
User should adds and remove tracks.
The content should be stored and restored (between two sessions for example).