Generate You Own Shortcode For Your LUNA RADIO PLAYER Plugin

native HTML5 live stream player radio native HTML5 live stream player radio
  • FAQs
  • Examples
    • Shoutcast Radio Player Plugin
    • Icecast Radio Player Plugin
    • Radionomy Radio Player Plugin
    • Radiojar Radio Player Plugin
    • Radio.co Radio Player Plugin
    • HLS Radio Player Plugin
  • Documentation
    • jQuery
    • WordPress
  • Shortcode Generator
  • Release Notes
  • Register (Get a Token)
  • Download
  • Update
  • Language
    • ENGLISH
    • DEUTSCH
    • FRANÇAIS
    • ITALIANO
    • ESPAÑOL
    • Português
    • русский
html5 radio player jQuery SHORTCODE GENERATOR

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

Attention This generator is only for Luna Radio Player V6! Please update now! NATIVE INTERNET WEB RADIO PLAYER PLUGIN FOR SHOUTCAST, ICECAST AND RADIONOMY powered by WordPress Webdesign Agentur Mainz LUNA AUDIO PLAYER PLUGIN
  • Basic Settings TOKEN:

    Where Is My TOKEN? CLICK HERE!

    Radioname:

    Name from your radio

    StreamURL:

    URL to your radio stream

    StreamType:

    Type of Shoutcast2, Icecast2 or other

    shoutcast2icecast2radionomyradiojarradiocohlsother
  • Shoutcast2 Settings StreamPath:

    Shoutcast 2 stream path

    StreamID:

    Shoutcast 2 stream id

  • Icecast2 Settings MountPoint:

    Icecast 2 mount point

  • Radionomy Settings RadioUID:

    Radionomy your radio UID is available under the settings tab of the RMO -> Technical Information

    ApiKey:

    Radionomy your personal API key is available under the settings tab of the RMO -> Technical Information

  • Radiojar Settings StreamName:

    Radiojar stream name (p.e.: 0uset1rq2ceuv)

  • Radio.co Settings Station ID:

    Radio.co station id (p.e.: s5c5da6a36)

  • Other Stream Settings StreamSuffix:

    This is a special option: "/;type=mp3" or "#".

  • Theme Settings UserInterface:

    2 diffrent version

    bigsmall CoverStyle:

    only for big user interface

    circlesquare Width:

    width in px or %

    Height:

    height in px or %

    Border-Size:

    Controls the border size of player (in px)

    Border-Color:

    set the RGB value for your background

    Border-Position:

    Controls the border position

    nonealltopleftrightbottom Top-Left-Radius:

    Radius from the top left corner (in px)

    Top-Right-Radius:

    Radius from the top right corner (in px)

    Bottom-Left-Radius:

    Radius from the bottom left corner (in px)

    Bottom-Right-Radius:

    Radius from the bottom right corner (in px)

    FontColor:

    set the RGB value from your native flash radio player theme

    HightlightColor:

    set the RGB value from your font

    BackgroundColor:

    set the RGB value for your background

    FontName:

    is the font family name

    GoogleFont:

    The google font name for loading.

    FontRatio:

    Font size beetween radio name and artist - songtitle

    0.40.10.20.30.50.60.70.80.9 CoverImage:

    Your Cover Image with your logo

    OnlyCoverImage:

    does not load song cover

    falsetrue DisplayLiveicon:

    Display the live icon

    truefalse Scroll:

    Activate text scroll

    truefalse ScrollRadioname:

    Scroll Direction from radio name

    leftright ScrollTitle:

    Scroll Direction from song title

    rightleft Scroll Radio Name Speed:

    Scroll Speed from radio name (0.25 - 2.0)

    Scroll Title Speed:

    Scroll Speed from title (0.25 - 2.0)

    Offline Text:

    Display text from offline radio station

  • Visualizer UseVisualizer:

    "REAL" will only works on Streams with CORS POLICY

    realfake VisualizerType:

    Type of animation from a sound-analyzer

    501234678910 MulticolorVisualizer:

    Activate Multicolor Mode from Visualizer

    falsetrue Color1:

    multicolor visualizer

    Color2:

    multicolor visualizer

    Color3:

    multicolor visualizer

    Color4:

    multicolor visualizer

    VisualizerOpacity:

    Opacity from Visualizer

    0.90.00.10.20.30.40.50.60.70.81.0 VisualizerBlur:

    Blur from Visualizer

    012345678910 DisplayVisualizericon:

    Display the visualizer button on the big userinterface

    truefalse VisualizerGhost:

    Ghost from Visualizer

    0.00.10.20.30.40.50.60.70.80.91.0 VisualizerGhostBlur:

    Blur from Visualizer Ghost

    012345678910
  • MetaData Settings (Artist - Title) MetaDataTechnic:

    Type of loading meta data

    fallbackcorsproxydirectlystream-icy-metaownmetadataurlhls OwnMetaDataURL:

    If you have a own URL for your Artist - Songtitle

    CorsProxy: help_outline

    FREE CORS PROXY SERVERS

    https://cors-anywhere.herokuapp.com/

    https://yacdn.org/serve/

    Create you own CORS Server

    Sign in on heroku.com

    Download CORS PROXY files

    Download GIT

    Download Heroku CLI

    VIDEO TURORIAL

    Use a CORS PROXY Server for missing CORS-POLICY to read the Meta-Data

    MetadataInterval:

    The interval for reading song information (in ms)

  • Advanced Settings ID of DIV-container:

    Unique name of your DIV container

    AffiliateToken (iTunes):

    If you want use cover feature with iTunes Affiliate Program.

    UseStreamCORSProxy:

    Use the CORS PROXY for your stream URL.

    falsetrue Volume:

    Set the start volume

    LocalStorage:

    use local storage

    falsetrue PseudeoAutoplay:

    user interact required

    falsetrue Debug:

    for developers

    falsetrue
GENERATE SHORTCODE

GENERATED SHORTCODE FOR WORDPRESS

[lunaradio id='lunaradio' width='100%' height='700px' radiustopleft='0px' radiustopright='0px' radiusbottomleft='0px' radiusbottomright='0px' borderposition='none' bordercolor='#ffffff' bordersize='0px' token='' userinterface='big' backgroundcolor='rgba(14,16,21,0.5)' fontcolor='#ffffff' hightlightcolor='#fa225b' fontname='' googlefont='' fontratio='0.4' radioname='Radio Name' offlinetext='Radio is offline' scroll='true' scrollradioname='left' scrolltitle='right' scrollradionamespeed='0.25' scrolltitlespeed='0.25' coverimage='' onlycoverimage='false' coverstyle='circle' usevisualizer='real' visualizertype='5' multicolorvisualizer='false' color1='#e66c35' color2='#d04345' color3='#85a752' color4='#067dcc' visualizeropacity='0.9' visualizerblur='0' visualizerghostblur='0' visualizerghost='0.0' itunestoken='1000lIPN' metadatatechnic='fallback' ownmetadataurl='' corsproxy='' usestreamcorsproxy='false' streamurl='https://hirschmilch.de:7000' streamtype='shoutcast2' icecastmountpoint='' radionomyid='' radionomyapikey='' radiojarid='' radiocoid='' shoutcastpath='/electronic.mp3' shoutcastid='1' streamsuffix='' metadatainterval='20000' volume='90' debug='false' uselocalstorage='false' autoplay='false' displayliveicon='true' displayvisualizericon='true' ]

GENERATED CODE FOR JQUERY INTEGRATION

<div id="lunaradio" style='width:100%; height:700px; -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://radioplayer.luna-universe.com" title="native html internet radio player plugin">NATIVE INTERNET WEB RADIO PLAYER PLUGIN FOR SHOUTCAST, ICECAST AND RADIONOMY</a> powered by <a href="https://www.sodah-webdesign-agentur.de" title="WordPress Webdesign Agentur Mainz">WordPress Webdesign Agentur Mainz</a></div> </div> <script> window.addEventListener("load", function () { lunaRadio("lunaradio",{ token: "", userinterface: "big", backgroundcolor: "rgba(14,16,21,0.5)", fontcolor: "#ffffff", hightlightcolor: "#fa225b", fontname: "", googlefont: "", fontratio: "0.4", radioname: "Radio Name", offlinetext: "Radio is offline", scroll: "true", scrollradioname: "left", scrolltitle: "right", scrollradionamespeed: "0.25", scrolltitlespeed: "0.25", coverimage: "", onlycoverimage: "false", coverstyle: "circle", usevisualizer: "real", visualizertype: "5", multicolorvisualizer: "false", color1: "#e66c35", color2: "#d04345", color3: "#85a752", color4: "#067dcc", visualizeropacity: "0.9", visualizerghost: "0.0", visualizerblur: "0", visualizerghostblur: "0", itunestoken: "1000lIPN", metadatatechnic: "fallback", ownmetadataurl: "", streamurl: "https://hirschmilch.de:7000", streamtype: "shoutcast2", icecastmountpoint: "", radionomyid: "", radionomyapikey: "", radiojarid: "", radiocoid: "", shoutcastpath: "/electronic.mp3", shoutcastid: "1", streamsuffix: "", metadatainterval: "20000", volume: "90", debug: "false", uselocalstorage: "false", autoplay: "false", displayliveicon: "true", displayvisualizericon: "true", usestreamcorsproxy: "false", corsproxy: "", }); }); </script>

SUPPORTED STREAMING SERVER TYPES

This servers are supported by the Luna Radio Player Plugin

  • shoutcast
  • icecast
  • radionomy
  • radiojar
  • radio.co
  • HLS

Từ khóa » Html5 Radio Player Code