Advanced Music Widget is a plugin which creates a stylish and modern widget that can be used to display a music player with artist’s name, song, and a cover image. It can also be used as an audio player, podcast player and etc.

Features

  • Fully responsive
  • Fully customizable
  • High Resolution and retina ready
  • Unlimited colors for customization
  • Supports HTML5 audio player
  • Supports WordPress default audio embed
  • Upload cover image and audio files
  • Use external cover imager url and audio file url
  • Two different album cover styles
  • Customize the player color when using WordPress default audio method NEW
  • Full audio player control (set loop and autoplay in settings)
  • Custom message after the player
  • Custom messages before and after the widget
  • Using shortcodes to place the music player on any page or post
  • Playlist support using built-in WordPress playlist shortcode NEW
  • Supports all major browsers
  • No external Javascript library usage
  • Place multiple players on the same page or post using using shortcodes or in the widget area
  • Supports mobile devices including Android and iPhone
  • Works with Page Builder by SiteOrigin

Advanced Music Widget Demo

See how you can customize the advanced music widget to match your website and brand colors. Below are some of the example widgets to show different options:

Default Settings

Using the default settings, we can get the following music player which album cover is set as full album cover with name of the song and artist listed in the details section. It plays the audio using WordPress built in Audio Shortcode.

You can also add a description at the bottom of the player. This description supports HTML tags.

cover
Dance Me to the End Of LoveLeonard Cohen
Dance Me to the End of Love is a 1984 song by Leonard Cohen. It was first performed by Cohen on his 1984 album Various Positions.

Using Playlist

Since version 1.2.0, you can create your own playlist using the built in WordPress audio shortcode.

Simply upload multiple audio files and select them in the audio field. Also make sure you set the playing method to Audio Shortcode in the player method tab.

cover
Bad RomanceLady Gaga

Changing Background Colors and Playing Method

Using widget’s setting page, you can change the background color, text color, description box background and text color.
You can also choose to play the audio using HTML5 audio player.

cover
Dance Me to the End Of LoveLeonard Cohen

Fully Responsive

Advanced Music Widget is fully responsive, which means it will work in different devices with different screen sizes.

cover
Dance Me to the End Of LoveLeonard Cohen

Just the Player

You can also choose to display the media player without any details. So if you leave artist, song and cover fields empty in the settings page, you will see the following player which you can customize:

Place Shortcode on Pages and Posts

You can use shortcodes to display Advanced Music Widget anywhere in your posts and pages. Just copy the shortcode from the widget settings and paste it in your desired place. For example:

[ advanced-music-widget id="5" ]

Purchase Advanced Music Widget directly from CodeCanyon

Note: The audio files and images used in this page are for demo purposes only. The sample audio files are from Wikipedia.