Music Players

[vc_row][vc_column][vc_row_inner container_width=”small” css=”.vc_custom_1558546873960{padding-bottom: 80px !important;}”][vc_column_inner][vc_custom_heading text=”playlist manager” font_size=”32″ style=”firemaster-heading”][vc_column_text]

Herion comes with a self-hosted playlist manager feature that you won’t find anywhere else. For each song, you can set links to iTunes, Amazon, Google Play or another external link (such as AudioJungle). You can even link each song to a WooCommerce product to add an “Add to cart” icon so users can purchase products directly from the player.

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][wvc_playlist id=”8609″][/vc_column_inner][vc_column_inner width=”1/2″][wvc_playlist id=”8759″ theme=”light”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row equal_height=”” font_color=”light” background_type=”image” background_img=”9180″ background_effect=”parallax” background_img_lazyload=”” shift_y=”0″ z_index=”0″ sticky_player_playlist_id=”8609″ sticky_player_playlist_skin=”transparent-light” add_noise=”true” min_height=”600″][vc_column][vc_custom_heading text=”player bar” font_size=”32″ style=”firemaster-heading”][vc_column_text]

Add any playlist to your section to display a cool player bar.

[/vc_column_text][/vc_column][/vc_row][vc_row content_width=”small” equal_height=”” shift_y=”0″ z_index=”0″][vc_column][vc_custom_heading text=”Album Tracklist” font_size=”32″ style=”firemaster-heading” css_animation=”fadeInUp”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]

As an alternative to the playlist manager, you can use our awesome and flexible tracklist module. Each track can be linked to a store item so users can add it to their shopping cart directly. You can also associate a video and add a “free download” button.

[/vc_column_text][/vc_column][/vc_row][vc_row column_type=”block” shift_y=”0″ z_index=”0″][vc_column width=”1/2″ font_color=”dark” background_type=”image” background_color=”lightergrey” background_repeat=”repeat” background_size=”default” shift_x=”0″ shift_y=”0″ z_index=”0″][wvc_album_tracklist show_numbers=”no”][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ price=”$99″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ price=”$99″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ price=”$79″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ price=”SOLD”][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ price=”$99″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ price=”$89″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ price=”SOLD”][/wvc_album_tracklist][/vc_column][vc_column width=”1/2″ font_color=”light” background_type=”image” background_img=”9176″ background_effect=”parallax” background_img_lazyload=”” add_overlay=”yes” overlay_opacity=”60″ shift_x=”0″ shift_y=”0″ z_index=”0″][wvc_album_tracklist][wvc_album_tracklist_item action=”link” title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”link” title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”link” title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com” video_url=”https://vimeo.com/160730254″][wvc_album_tracklist_item action=”link” title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”download” title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ video_url=”https://vimeo.com/160730254″][wvc_album_tracklist_item action=”link” title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”link” title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][/wvc_album_tracklist][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner container_width=”small” css=”.vc_custom_1508337738649{padding-bottom: 80px !important;}”][vc_column_inner][vc_custom_heading text=”Embed Players” font_size=”32″ css_animation=”fadeInUp”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]

Use the power of WordPress to embed your playlist from any major music platform very easily (Spotify, Soundcloud etc.). Simply paste your playlist URL and that’s it!

[/vc_column_text][wvc_admin_helper_text comment=”For the Mixcloud and Bandcamp Players below, we recommend using the “Raw HTML“ element and pasting the iframe embed code directly instead of using the “Embed Audio Player“ element.”][/vc_column_inner][/vc_row_inner][vc_row_inner gap=”60″][vc_column_inner width=”1/3″][vc_custom_heading text=”Spotify” font_size=”24″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][vc_custom_heading text=”Compact Player” font_size=”18″ text_align=”left” tag=”h4″ css_animation=”fadeIn”][wvc_spotify_player type=”compact” width=”430″ url=”https://open.spotify.com/track/0lnfcWRREvnGtXPP2ZDeq7″][vc_custom_heading text=”Playlist” font_size=”18″ text_align=”left” tag=”h4″ css_animation=”fadeIn”][wvc_spotify_player width=”430″ height=”380″ url=”https://open.spotify.com/playlist/37i9dQZF1DWTUm9HjVUKnL”][/vc_column_inner][vc_column_inner width=”1/3″][vc_custom_heading text=”Soundcloud” font_size=”24″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][wvc_audio_embed link=”https://soundcloud.com/charalanahzard/stranger-things-v-hotline-miami-mix-retro-synthwave-live-mix”][vc_custom_heading text=”Bandcamp” font_size=”24″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][vc_raw_html]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAwJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjAxMjBweCUzQiUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGYmFuZGNhbXAuY29tJTJGRW1iZWRkZWRQbGF5ZXIlMkZhbGJ1bSUzRDE3NDM4MTIwNjMlMkZzaXplJTNEbGFyZ2UlMkZiZ2NvbCUzRGZmZmZmZiUyRmxpbmtjb2wlM0QwNjg3ZjUlMkZ0cmFja2xpc3QlM0RmYWxzZSUyRmFydHdvcmslM0RzbWFsbCUyRnRyYW5zcGFyZW50JTNEdHJ1ZSUyRiUyMiUyMHNlYW1sZXNzJTNFJTNDYSUyMGhyZWYlM0QlMjJodHRwJTNBJTJGJTJGbWVhdS5iYW5kY2FtcC5jb20lMkZhbGJ1bSUyRmdvb2Qta29wcC1iYWQta29wcCUyMiUzRUdvb2QlMjBLb3BwJTIwQmFkJTIwS29wcCUyMGJ5JTIwS29wcGVuJTNDJTJGYSUzRSUzQyUyRmlmcmFtZSUzRQ==[/vc_raw_html][/vc_column_inner][vc_column_inner width=”1/3″][vc_custom_heading text=”iTunes” font_size=”24″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][vc_raw_html]JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZ0b29scy5hcHBsZW11c2ljLmNvbSUyRmVtYmVkJTJGdjElMkZwbGF5bGlzdCUyRnBsLmFkMGVlMTU1N2UzZTRmZWJhMzE0ZmQ3MGY3OTgyNzY2JTNGY291bnRyeSUzRHVzJTIyJTIwaGVpZ2h0JTNEJTIyNTAwcHglMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGZyYW1lYm9yZGVyJTNEJTIyMCUyMiUzRSUzQyUyRmlmcmFtZSUzRQ==[/vc_raw_html][vc_custom_heading text=”Mixcloud” font_size=”24″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][vc_raw_html]JTNDaWZyYW1lJTIwd2lkdGglM0QlMjIxMDAlMjUlMjIlMjBoZWlnaHQlM0QlMjIxMjAlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy5taXhjbG91ZC5jb20lMkZ3aWRnZXQlMkZpZnJhbWUlMkYlM0ZmZWVkJTNEJTI1MkZIaWdoc25vYmlldHklMjUyRm1peHRhcGUtMS1naXJsc2dpcmxzZ2lybHMlMjUyRiUyNmFtcCUzQmhpZGVfY292ZXIlM0QxJTI2YW1wJTNCbGlnaHQlM0QxJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTNFJTNDJTJGaWZyYW1lJTNF[/vc_raw_html][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text]

and more…

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row equal_height=”” background_type=”image” background_color=”lightergrey” shift_y=”0″ z_index=”0″][vc_column][vc_row_inner][vc_column_inner][vc_custom_heading text=”Single Audio Player” font_size=”32″ css_animation=”fadeIn”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][wvc_audio preload=”auto” mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/10/15163302_metal_by_mdgsoundstudio_preview.mp3″ image=”9173″][/vc_column_inner][vc_column_inner width=”1/2″][wvc_audio preload=”auto” skin=”transparent” mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/10/15163302_metal_by_mdgsoundstudio_preview.mp3″ image=”9172″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]