Taking the web-based audio player to the next level, we've added support for an entire music playlist. This widget is great for sharing multiple tracks on your Adobe Muse website, whether the audio is self hosted, or web-based. With the same controls and settings found in much larger and complexly-integrated offerings, our Audio Playlist Widget makes it easy to add a highly customizable, full-featured audio player to your site.
Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
Current Version: 1.0
Supported Devices: Desktop, Tablet, Phone
1.0: Adds collapsible panel functionality and support for responsive Muse
L11.4: Fixed z-index bug causing layer and arrangement issues (09/14/2015)
L11.3: Enabled transparency as a color in the styling options (04/30/2015)
Drag the widget from the library and drop into your project in Design mode. The widget should be placed where you would like your playlist to appear.
There are 2 main components to the widget:
Audio Player: This component contains all of the main function and styling settings.
Audio Loader: This component loads your audio files. A Loader component loads 6 songs. You may duplicate the loader to have more tracks in your playlist.
Open the Audio Player component. In the Player Settings section, set all of the key settings such as player width, starting volume, and shuffle audio.
When the widget is previewed or published, you will notice two main areas. The "player" is the narrow top section that contains the play button, progress bar, volume, and more. The "playlist" area shows all of the tracks in the playlist.
To set up the player area, use the "Player Styling" section.
To set up the playlist area, uset the "Playlist Settings & Styling" section.
Using the Audio Loader
Open Audio Loader.
Open the Audio Source Setup section.
There are two types of audio tracks you can use:
Local Audio Source: Click the "Add File" link to load audio files that are on your computer. These audio files will be loaded to your server and streamed when played by a site visitor.
External Audio Source: External audio sources are not hosted on your server, and are instead stored somewhere else on the web. This can be a potentially quicker way to stream audio. It is important that the URL used for external audio links end in ".mp3". The "Enable External Source" checkbox must also be checked for external sources.
The Audio Title is what is displayed in the playlist area. The original track title or information is NOT displayed, so it is important that you name your tracks correctly.
Enable the number of tracks you plan to use in the top section of the option panel.
You may duplicate the loader widget if you will be using more than 6 audio tracks.
Commonly Asked Questions
When I preview my page, why do I see NaN:NaN for the track time?
Audio and video widgets should be tested on a published page, versus "Preview In Browser". The track time will work correctly when published.
When I publish my page, why do I see "Download File" instead of the player?
The loader component should be lower on the page than the player in Design mode. Keeping the two widget components grouped as they are when dragged from the library will keep this from happening.