Generate You Own Shortcode For Your LUNA RADIO PLAYER Plugin
Có thể bạn quan tâm
- 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
- русский
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
- 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_outlineFREE 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 TURORIALUse 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
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
Từ khóa » Html5 Radio Player Code
-
Create HTML5 Radio Player - RadioForge
-
HTML5 Radio Player - Magic Streams L.P | Internet Services
-
SHOUTcast And ICEcast Free HTML5 Radio Player Generator
-
Free Html5 Player Generator - Streamerr
-
Generate Free Radio Player Embed Code For Your Site
-
Radio Player - CodePen
-
SHOUT - HTML5 Radio Player With Ads - ShoutCast And IceCast ...
-
Free HTML5 Player Bar For Shoutcast And Icecast
-
Free HTML5 Player Generator - SHOUTcast Widgets
-
HTML5 Audio Player For Online Radio | Shoutcast… - YesStreaming
-
Radio-player · GitHub Topics
-
Turn Flash Radio Player Code To Html Radio Player Code - Stack Overflow
-
Muses Radio Player - The HTML5 MP3/OGG/AAC Live Stream Player!
-
[Shoutcast Icecast HTML5 Radio Player] Support