Now Playing Screen – Echo Music Player [Part-5]

Now Playing Screen On Echo Music Player

The ‘Now playing’ screen is the actual music player in the application. It houses all the elements which let the user connect with the currently played track or the next/previous track.

It will open when the user clicks on a track on the ‘All songs’ screen or the ‘Favorites’ screen. It would have the following features and functionalities:

  1. Track title and track artist

Track title and track creator The track title and track creator would be displayed within the center of bottom half the screen. If the track has no title, the track name will be displayed. If the track has no artist, ‘unknown’ will be displayed in its place. If the track title or name is too long, an ellipsis will be added to the title or name

  1. Play/Pause button

 

As the names suggest, this button will be used to play or pause a track. When a track is playing in the app, this button will become Pause button. When a track is paused in the app, this button will become Play button.

When a user clicks on the Pause button, the track will pause and when the Play button is clicked, the track will start playing from the same place where it was paused.

  1. Next button

Next button this button can enable the user to play Consistent Song track. The consecutive Song in the list (from which the ‘Now playing’ screen was triggered) will start playing.

  1. Previous button

The previous button will allow the user to play the previous Songs. When the Previous button is clicked, the consecutive track in the list (from which the ‘now playing’ screen was triggered) will start playing.

  1. Shuffle button On Screen

The default state of the Shuffle button should be ‘switched off’. When the Shuffle button is toggled (switched on) by the user, the button would turn yellow indicating that the Shuffle feature has been turned on.

When the Shuffle feature is on, the player would randomly choose a track (different from the one currently playing) from the list (from which the ‘now playing’ screen was triggered) and play it when the next button is clicked or when the current track ends. When the Shuffle button is toggled again (switched off), the button would again turn white indicating that the Shuffle feature has been turned off.

When the Shuffle feature is white or switched off, the player would play the consecutive track in the list when the next button is clicked or when the current track ends.

If the user switches on the Shuffle functionality, the application should remember it, so when the user killed the application and launches it again, than the Shuffle feature always on.

If the Shuffle functionality is on and the Loop feature is turned on, the Shuffle feature would move back to its default state.

The Shuffle function and the Loop function cannot be in switched on (yellow) state simultaneously.

  1. Loop button

 

The default state of the Loop button would be ‘switched off’ (white). When the Loop button is toggled (switched on) by the user, the button would turn yellow indicating that Loop feature has been turned on.

When the loop feature is on, the player would play the same track again when the track ends. The loop button won’t affect the


The behavior of the Next button

When the Loop button is toggled again (switched off), the button would again turn white indicating that Loop feature has been turned off.

If the user switches on the Loop feature, than the application should remember it, so when the user killed the application and launches it again, the Loop feature always on.

If the Loop option is on and the Shuffle option is turned on, Loop feature would move back to its actual state.

The Loop option and the Shuffle option cannot be in ‘switched on’ (yellow) state simultaneously.

  1. Seek bar

This screen features a seek-barwhich displays the track progress throughout the track’s lifetime.

A user can click on the Seek bar of App to skip in between the track or simply to drag the controller to reach a certain part of the track.

  1. ‘Mark as favorite’ button

Clicking this button adds the current track to the favorites list, the button then turns red indicating that the track has been added to the favorites list. A pop-up message is displayed on the screen saying “Added to favorites”.

Clicking this button again will remove the track from the favorites list, the button then turns back to white indicating that the track has been removed from the favorites list.

A pop message is displayed on the screen saved to “Remove from favorites Screen”.

The default state of the ‘Mark as favorite’ button is white which means, initially there would be no tracks in the favorites list.

  1. Third-party visualizer

The ‘Now playing’ screen would have a 4 bar visualizer in the upper half of the screen. As expected, the visualizer should move in the rhythmic of the music.

The visualizer’s motion would be volume sensitive meaning that if you turn down the volume, the visualizer will also tone down its motion and vice-versa. The visualizer should start moving once a track is played and should stop moving when a track is paused.

  1. Back to list’ button

The ‘Back to list’ button should take the particular user to the screen he came from.

Forex: if a user clicked on a track on the ‘All songs’ screen and lands on the ‘now playing’ screen, the ‘Back to list’ button should take the user back to the All songs screen. This button would be placed on the right side of the header.

  1. Shake to change song

 

As the name suggests, this feature would allow the user to change the track just by shaking his/her phone.We would use the accelerometer on mobile phones to make this feature work.


All the candidates please drop your comment in the comment box. If candidates have any Query Regarding this Post, So please ask us. For more details keep in touch with our website.

If you liked this article related to the Echo Music Player Project Part-5 then share it with your friends on social media(Facebook, Instagram, Twitter).

If you want to read such articles in the future, then keep visiting our Website Regular NaukriRegister.com


Thank You for Giving Your Precious Time To Our Website.

For Any Query Comment Us In Comment Box

Leave a Reply

Your email address will not be published. Required fields are marked *