Spider Audio Player

Step by step guide


Step 5. Creating/Editing Themes

5.2 Full
This view option allows you to add multiple playlists with various amount of tracks. Each of the playlists can have its unique thumbnail image and a large amount of parameters.

General Parameters
5.2.1 Title. Specify a title for the theme.
5.2.2 Player width. Specify the width of the player in pixels.
5.2.3 Player height. Specify the height of the player pixels.
5.2.4 Track info box font size. Specify the info box font size.
5.2.5 Thumbnail zoom. Choose the percentage of zoom for the playlist thumbnails.
5.2.6 Space between thumbs. Choose the space between the displayed thumbnails of playlists.
5.2.7 Thumb rotation angle. Choose the angle for the rotation of the images.
5.2.8 Selected thumb margins. Specify the thumbnail margins for the active playlist.
5.2.9 Selected thumb zoom. Specify the thumbnail zoom percentage for the active playlist.
5.2.10 Mouse wheel action. Choose the action to be executed when scrolling up/down the mouse.
5.2.11 Default playlist. Define the default playlist.
5.2.12 Default track. Define the default track.

Style Parameters
5.2.13 Player background color. Specify the background color of the player.
5.2.14 Panel color. Specify the color of the player panel (control bar and playlist).
5.2.15 Panel transparency. Select the transparency level of the player panel.
5.2.16 Controls color. Specify the color of the control buttons on the player panel.
5.2.17 Slider color. Specify the color of the slider (volume and progress bar).
5.2.18 Playlist text color. Choose the text color for the playlist.
5.2.19 Background color for track info box. Choose the background color for the track info box.
5.2.20 Background transparency for track info box. Define the transparency level for the track info box.
5.2.21 Track info box text color. Choose the text color for the track info box.
5.2.22 Playlist transparency. Define the level of transparency for the playlist.
5.2.23 Share-box background color. Specify the background color for the share-box.
5.2.24 Share-box text color. Specify the text color for the share-box.

Playback Parameters
5.2.25 Autoplay. Choose whether the player automatically starts the playback on page opening or not.
5.2.26 Auto next track. Choose whether the player automatically changes the tracks to the follow-up track of the playlist when the playback is finished or not.
5.2.27 Auto next album. Choose whether the player automatically moves to another playlist when the active playlist is finished playing or not.
5.2.28 Shuffle enabled by default. Choose whether the player automatically changes the tracks of the playlist when the playing track is finished or not.
5.2.29 Repeat enabled by default. Choose whether to have the player automatically repeat the tracks or not.
5.2.30 Default volume. Define the default volume level for the player.

Playlist and Library Parameters
5.2.31 Playlist width. Define the playlist width in pixels.
5.2.32 Playlist position. Define the playlist position between left and right options.
5.2.33 Playlist font size. Specify the playlist text size.
5.2.34 Hide playlist on mouseout. Choose whether to hide the playlist when the mouse if moved off the playlist or not.
5.2.35 Playlist item height. Specify the playlist item height in pixels.
5.2.36 Space between playlist items. Define the space between the playlist items.
5.2.37 Playlist item text size. Specify the playlist item text size.

Audio Control Parameters
5.2.38 Control bar position. Choose the control bar position between top and bottom options.
5.2.39 Control bar configuration (drag and drop). You can drag and move (drop) the items of the control bar to your convenience. The items can also be removed with a mouse click.
5.2.40 Control bar and track info box maximum width. Specify the maximum width of the control bar and the box containing track information.
5.2.41 Control bar transparency. Specify the transparency level of the controls.
5.2.42 Controls auto-hide timeout. Define the timing for the auto-hide of control bar.
5.2.43 Controls auto-hide timeout in fullscreen. Define the timing for the auto-hide of control bar when in fullscreen.


Previous Step Next Step

Never miss important news and exclusive offers!

Join Our Community