EverWeb Codebox logo

EverWeb Widgetbox 3

Touch 360º Audio MP3 Player

Touch Audio MP3 360 Widget

The Player

The player consists of a circular play/pause button which incorporates loading, progress and elapsed time.
As can be seen from the examples below, it can be set up as a simple play button with track info or styled with a border and/or box shadow.

Track Title/Artist Name
Track Title
Artist Name
Touch 360º Audio MP3 Widget

Widget Settings

Choose the MP3 file and enter the track title/artist name.
The text can xtend to two lines by using an HTML5 line break - <br>
Set the font family, size, color and background color.
Adjust the position of the text within the container using the values for "Top" and "Left" and adjust the line height if necessary.
Set the border width, color and corner radius if required.
To add a box shadow, set its radius and color.
Set the player button background color, hover background color and the color of the elapsed time which appears in the center of the button when the player is active.
Finally, check the box if the widget is used on a page contained in a directory.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …

This widget is included in the Touch Audio Video widget pack.