Step 3: Adjusting your Audio Player settings on the Player tab

Welcome to Elfsight Audio Player! In this article, we'll show you how to adjust your widget's settings on the Player tab. Get ready to customize your audio tracks' playback behavior and appearance to fit your needs and preferences.

In this article

Player Controls & Info to Display

On the Player tab of the widget's configurator, you can select which controls and tracks info will show in the widget:

Let's explore what you can do in this section. Here's a breakdown of what they control:

You can either show those control or hide them, judging by whether you'd like your users to control the widget or not.

Player Controls

The following controls allow your website visitors to interact with the following elements:

  1. Track Controls — play and switch between tracks
  2. Volume — adjust the volume level
  3. Playlist — show or hide the playlist
  4. Loop — play tracks in the player multiple times
  5. Shuffle — randomly change the order of the tracks
  6. Progress Bar — see the time elapsed and the time remaining for the track that is currently playing, and navigate through the track

Player Info to Display

Here, you can select which additional info on the track you'd like to show:

  1. Image — the track's cover
  2. Title — the track's name 
  3. Artist — the track's author

Tracks Settings

Next, you can set the way how exactly the tracks will be played within the widget. 

Here's how you can adjust the player's settings:

  1. Save Playing Track and Progress — when your website visitors return to the page or refresh it, they will hear the track resume from where they left off
  2. Shuffle by Default — the order of tracks will be randomized.
  3. Volume by Default — set the volume level that will be used the first time someone sees the widget.
  4. Repeat by Default — select whether the Loop option will be enabled by default
  5. Autoplay — the widget will begin playing tracks as soon as someone interacts with your website


In the Playlist section, you can customize how the widget's playlist will display.

First, you can choose whether to show the playlist or not by switching the Show Playlist by Default toggle:

Then, you can change the Playlist Height - either set a fixed height in pixels or type in auto, so the playlist will adapt to the size of the container it is installed into:

Last but not least, you can select what track info to show - Image, Artist and Duration:


In the Messages section, you can change all the captions of the widget - either translate or modify the text as needed:

Just type in the new word instead of the default one: 

Now your widget is about ready to be installed on the website! Only some final touches are required — Step 4: Customize your Audio Player appearance on Style tab.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us