AudioPlayerComponent


Revision as of 15:01, 30 January 2017 by Slang (talk | contribs)

This Component will allow you to display a playlist of mp3 files you have uploaded to be played either automatically or manually on one or several of your website pages.

Important Note:This Audio Player component is written in flash and is not compatible with iPhone/iPad devices as Apple has removed Flash support from their devices.

Where to Find

This Component can be found in the "Add Content to Page" section of the Toolbar.

Adding to Website

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available content locations it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

Options

Addaudioplayer.PNG


You can optionally set a Title to be displayed above the Audio Player content on your page.


The Playlist Height field will let you set the number of songs that display in your playlist at a time - between 2 to 15.


If you want your playlist to begin playing automatically when the page loads, choose the Auto play on page load check box.


You can click the Shuffle or Repeat playlist buttons to enable these options for your playlist.


Finally, you can Enable Pop Out Player which allows a user to click a link to open the player in a new popup window. This allows them to continue listening while they browse your site.

Embedded Functions

The resulting embedded audio player includes a few playback features for your music files which can be used by visitors to your site.


Audioplayerembed.PNG


These include shuffle and repeat options - found by clicking the buttons at the bottom of the component.

Editing

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the Component Toolbar.

Example Sites

An example of this Component can be viewed on the Multimedia page of http://builderexample.com