EverWeb Codebox logo

EverWeb Widgetbox 3

Touch 360º Audio MP3 Module

Touch Audio Module 360 Widget

The Player

The player consists of a circular play/pause button which incorporates loading, progress and elapsed time.
The player is inserted into an HTML5 container with optional heading, image with alt text, track description and copyright info.
The container can have a border and/or box shadow if required.

Touch 360º Audio MP3 Module Widget

360º Audio Module

circular mp3 audio player

This space is used for a description of the song with appropriate keywords for the search engines.

Track Title - Artist Name

© Roddy McKay

Touch 360º Audio MP3 Module Widget

Widget Settings

Enter the heading and check the box to display it.
Choose the image, enter alt text for SEO, check the box to display it and adjust the width if necessary.
Enter the track description and check the box to display it.
Choose the MP3 file and enter the track tilte/artist name.
Enter the copyright info and check the box to display it.
Choose the font and set the various font sizes and colors and the container background color.
The track title/artist name can extend to two lines by using the HTML5 line break - <br>. Use the values for "Top" and "Left" to adjust the position.
Adjust the track description line height if required.
Set the container border, corner radius and box shadow if needed.
Set the player backgound color, hover background color and the color of the timer font.
If the page containing the widget is in a directory, check the box before publishing.

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.