/project-group-quartz-quetzals

CS732/SE750 group repository for the Quartz Quetzals

Primary LanguageJavaScript

Music player

CS732/SE750 group repository for the Quartz Quetzals

Function

Navigation Bar:

  1. Jump to the target ranking page.
  2. Search songs and play the selected song.

Music Player:

  1. It will play the song which selected from home page,singer page, album page,search bar and ranking,etc.
  2. User can control it to play or pause,it also has previous song and next song function.
  3. It can display song's name, singer and cover image.

Discover Home Page:

  1. Banner link to target ranking page.
  2. Display popular singers sorted by male, female and band, link to the target singer page.
  3. New albums link to the target album page.
  4. The RankingList on the homepage allow user to play songs and add songs to playlist,when user add music to playlist, it will add at the end of the playlist, so we provide a feedback that will notify the user that they have successfully added the song to the playlist.

My Music Page:

  1. Display the playlist for music player.
  2. Delete songs from playlist.

Forum Page:

  1. Users can post their opinions about the songs.
  2. Users also can use the forum as a social website to find out who has the same taste as the user.
  3. Users can post their own comments on the forum.
  4. Leave comments to someone else's comments.
  5. Post likes to other users.

Ranking Page:(New!,UK,Billboard,Beatport)

  1. The ranking page gives the information about the ranking list.
  2. The ranking page gives Top 100 songs for users.
  3. Users also can click play botton to play the song.
  4. Users can click add botton to add songs to their playlist.
  5. The added songs will also be shown in MyMusic page.

Singer Page:

  1. The singer page gives the information about the singer including name, followers and singer’s picture.
  2. The singer page gives TOP 20 songs for user which allow users to play.
  3. User can click the play button to play songs, and it will add it on the playlist.
  4. The added songs will shown on the MyMusic Page.
  5. The You Might Also Like function allows user to find out more similar singer.
  6. You can click the similar singer to the other singer page.

Album Page:

  1. The Album page gives a list for this album.The album picture are given for users.
  2. User can click the play button to play.

SideBar:

  1. Sidebar showed the latest release album and the singer.
  2. When you click it you can enter the radio page.

Radio Page:

  1. A music livestreaming page which plays the current hit songs on the music apps.
  2. Has the ability to swtich to the next song automatically once the previous one ends.
  3. Display the cover, name & artist(s) info of the currently playing song.
  4. User can mute the music by clicking the mute button, which the page will also give visual feedback to the user.

Backend:

  1. Allow frontend retrieve the playback progress which allows users listen to same music with same progress.
  2. Allow users to retrieve translated comments from Netease API (Not used).