LUNA AUDIO PLAYER PLUGIN

SHORTCODE GENERATOR

Here you can test your stream and create Code for LUNA AUDIO PLAYER PLUGIN.

LUNA AUDIO PLAYER PLUGIN
  • Basic Settings

    Where Is My TOKEN? CLICK HERE!

    ID from your inline playlists UL-container

  • Theme Settings

    2 diffrent version

    width in px or %

    default image for missing cover

    Controls the border size of player (in px)

    set the RGB value for your background

    Controls the border position

    Radius from the top left corner (in px)

    Radius from the top right corner (in px)

    Radius from the bottom left corner (in px)

    Radius from the bottom right corner (in px)

    RGB value from the font color

    RGB value from the highlight color

    set the RGB value for your background

    is the font family name

    The google font name for loading. Please check this out on Google Fonts.

  • Visualizer

    "REAL" will only works on Streams with CORS POLICY

    Type of animation from a sound-analyzer

    Activate Multicolor Mode from Visualizer

    multicolor visualizer

    multicolor visualizer

    multicolor visualizer

    multicolor visualizer

    Opacity from Visualizer

    Display the visualizer button on the big userinterface

  • Advanced Settings

    Unique name of your DIV container

    only on desktop with user interact

    Is a special Solution for missing CORS POLICY

    Will be used a HASH in URL

    is very optional, just for developers

GENERATED CODE FOR JQUERY INTEGRATION

					
<div id="mylunaplayer" style='width:100%;
-webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: none;'>
<div style="overflow:hidden; height:0px; width:0px;"><a href="https://audioplayer.luna-universe.com" title="html audio player plugin with playlist">HTML AUDIO PLAYER PLUGIN WITH PLAYLIST</a> powered by <a href="https://www.sodah.de" title="wordpress webdesign mainz">Sodah Webdesign Mainz</a></div>
</div>					
				
					
<script>
$("#mylunaplayer").lunaaudio({
	token: "",
	userinterface: "big",
	radiustopleft: "0px",
	radiustopright: "0px",
	radiusbottomleft: "0px",
	radiusbottomright: "0px",
	backgroundcolor: "rgba(0,0,0,1)",
	debug: "false",
	autoplay: "false",
	coverimage: "",
	fontcolor: "#ffffff",
	hightlightcolor: "#f86808",
	fontname: "Oswald",
	googlefont: "Oswald:400",
	usevisualizer: "real",
	visualizertype: "4",
	corsproxy: "",
	useDeepLinking: "true",
	playlists: "demoplaylist",
	multicolorvisualizer: "false",
	color1: "#e66c35",
	color2: "#d04345",
	color3: "#85a752",
	color4: "#067dcc",
	visualizeropacity: "0.9",
	displayvisualizericon: "true"
});
</script>