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.

  • Advanced Settings

    Unique name of your DIV container

    Required for SoundCloud Playlists

    Use the animation from a audio visualizer

    Type of animation from a audio-visualizer

    Is a special Solution for missing CORS POLICY

    Will be used a HASH in URL

    is very optional, just for developers

GENERATED SHORTCODE FOR WORDPRESS

					
[lunaaudio token='' userinterface='big' width='100%' bordersize='0px' bordercolor='#ffffff' borderposition='none' radiustopleft='0px' radiustopright='0px' radiusbottomleft='0px' radiusbottomright='0px' backgroundcolor='rgba(0,0,0,1)' soundcloudapikey='' debug='false' coverimage='' fontcolor='#ffffff' hightlightcolor='#f86808' fontname='Oswald' googlefont='Oswald:400' usevisualizer='real' visualizertype='4' corsproxy='' useDeepLinking='true' playlists='demoplaylist' ]

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)",
	soundcloudapikey: "",
	debug: "false",
	coverimage: "",
	fontcolor: "#ffffff",
	hightlightcolor: "#f86808",
	fontname: "Oswald",
	googlefont: "Oswald:400",
	usevisualizer: "real",
	visualizertype: "4",
	corsproxy: "",
	useDeepLinking: "true",
	playlists: "demoplaylist"
});
</script>