The popup player

Overview

The popup player is the media player of the platform. It plays the media files associated with the tracks.

It opens automatically by clicking on the ‘Play’ or ‘Queue’ buttons/icons on the platform. When you click ‘Play,’ it also automatically starts playing the tracks sequentially (from top to bottom).

../../_images/media-player-how-to-open-to-play-from-releases-list-01.png
../../_images/media-player-how-to-open-to-play-from-releases-list-02.png

The track currently playing is highlighted in green.

Note

Be sure the browser permissions are set to ‘Autoplay’ else click on the ‘Play’ button displayed within the player.

../../_images/media-player-browser-permission-play.png

Note that clicking on any ‘Play’ button on the platform will overwrite the current tracks list with the new selection.

To add tracks to the player use the ‘Queue’ function instead.

../../_images/media-player-how-to-queue-from-releases-list-01.png

Click on more options (3 dots) to open the menu and then click on Queue.

../../_images/media-player-how-to-queue-from-releases-list-02.png

The player also read the cue and fade points of a playlist.

../../_images/media-player-play-playlist.png

See also:

Main view

The main view is composed of the header (orange), the player controls (blue), the tracklist (green), and the footer (yellow) elements.

../../_images/media-player-main-view-overview.png

The header displays the information of the track currently playing.

../../_images/media-player-main-view-header.png

The information is:

  • The title of the track.
  • The name of the artist the track is primarily credited to.
  • The title of the release the track appears on.
  • The cover art of the release the track appears on (right side).

Right below are the media player controls.

../../_images/media-player-main-view-player-controls.png

Click on the waveform to move the playing position to a new point.

  • Progress bar: The frequency waveform of the media file associated with the track.
  • Previous track: Skip to the previous track in the tracks list.
  • Pause: Pause the track’s media file.
  • Play: Play the track’s media file.
  • Next track: Skip to the next track in the tracks list.

The following information and functions are available for each track in the tracks list:

../../_images/media-player-main-view-tracks-list.png
  • Play/Pause: Play/pause the track’s media file.
  • The title of the track.
  • The name of the artist | The title of the release.
  • The current playing position/time elapsed from the beginning of the track (light grey).
  • The duration of the track.
  • Remove (one-way icon): Remove the track from the tracks list.
  • Add (plus icon): Add the track to a playlist.

The footer displays the sum of the duration of the tracks currently in the tracks list.

../../_images/media-player-main-view-footer.png

Click on ADD ALL TO PLAYLIST to add the entire tracks list to a playlist.

Playlists panel

Every time you click on the ADD icon or ADD ALL TO PLAYLIST button, it opens the playlists panel.

../../_images/media-player-playlists-view-your-playlists.png

Click on CLOSE (ESC) to close the panel and return to the main view.

On the top side, it displays the track you want to add to a playlist.

Under YOUR PLAYLISTS, you find your ‘private’ and ‘public’ playlists. At the top of the list are the playlists updated more recently.

../../_images/media-player-playlists-view-your-playlists-list.png

Search for a playlist by typing its title inside the ‘Search playlists’ field.

The following information and functions are available for each playlist in the list:

  • The cover art of the playlist.
  • The title of the playlist.
  • The total duration of the playlist – The number of tracks on the playlist.
  • ADD & CLOSE: Add the track(s) to the playlist and close the playlists panel.
  • ADD: Add the track(s) to the playlist.

Clicking on NEW PLAYLIST takes you to the form to create a new playlist.

../../_images/media-player-playlists-view-new-playlist.png

Complete the information and click on SAVE.

See also:

How-tos

Adding tracks to an existing playlist

Click on the + (plus) icon.

../../_images/media-player-how-to-add-track-to-playlist.png

When the playlists panel opens, click the ADD button within the playlist.

../../_images/media-player-how-to-add-track-to-existing-playlist-01.png

The ‘star’ icon indicates that the track is now on the playlist. The overall duration and the tracks count of the playlist updates automatically.

../../_images/media-player-how-to-add-track-to-existing-playlist-02.png

The ‘star’ icon always informs you if the track you want to add is already on the playlist(s).

Keep adding the track(s) to other playlists or click on CLOSE (ESC) to close the playlists panel.

Adding tracks to a new playlist

Click on the + (plus) icon.

../../_images/media-player-how-to-add-track-to-playlist.png

When the playlists panel opens:

  1. Click on the NEW PLAYLIST tab.
  2. Type the title of the new playlist.
  3. Click on private or public to define the type of playlist.
  4. Click on SAVE.
../../_images/media-player-how-to-add-track-to-new-playlist-01.png

Note

On the platform, a playlist set to ‘Private’ will not appear in the PUBLIC PLAYLISTS list. To access your private playlists, click on MY PLAYLISTS.

../../_images/playlist-list-page-nav-my-playlists-sm.png

The new playlist is created, and the ‘star’ icon indicates that the track is now on the playlist. The overall duration and the tracks count of the playlist updates automatically.

../../_images/media-player-how-to-add-track-to-new-playlist-02.png

The ‘star’ icon always informs you if the track you want to add is already on the playlist(s).

Click on VISIT PLAYLIST to open the playlist profile on the platform or on CLOSE (ESC) to close the playlists panel.

Changing browser permission to ‘Autoplay’

When the popup player opens (i.e., Firefox):

../../_images/media-player-browser-permission-allow.png
  1. Click on the ‘Lock’ icon.
  2. Click on the ‘Autoplay’ dropdown menu to open it.
  3. Click on ‘Allow Audio and Video.’
  4. Click on the ‘Lock’ icon again to close the panel.