Radionomy Board
It is currently Mon May 25, 2020 9:07 am

All times are UTC

Post new topic Reply to topic  [ 1 post ] 
Author Message
PostPosted: Sat Jun 04, 2016 9:46 pm 

Joined: Sat Jun 04, 2016 9:40 pm
Posts: 1

Project page:

This is a jQuery plugin which will embed a radionomy web radio in your page. It also allow you to define page width breakpoints which will cause the player to be resized as you see it fit for your responsive website.



Via Bower:

$ bower install jquery-radionomy

Or, add jquery-radionomy to your app's bower.json.

  "dependencies": {
    "jquery-radionomy": "latest"


jquery.radionomy.js can be downloaded directly into your app's public directory - just be sure you've loaded jQuery first.

curl -LO ... dionomy.js
WARNING Do not hotlink the raw script url. GitHub is not a CDN.


$('#myDivThatWillBeReplaced').radionomy(options, breakpoints);


The options parameter is the array of configuration for Radionomy itself:

Name Description Default value
url Your radio id (required)
autoplay Whether to auto play the radio or not 0
volume Your radio id (required)
type Layout type. Valid types are: horizontal / medium / mobile horizontal
color1 Background color for radio overlays #f1ffc4
color2 Foreground color for radio overlays #ff844f
language The radio language en
version The radionomy internal version number 1.1


The breakpoints parameter should be a numerically and ascendantly sorted object composed of width => type properties. The plugin will watch for the page width and will use the releveant Radionomy embed type. This parameter can be ommited if you don't need this "responsive" feature.


    url: 'my-radio-id',
    type: 'horizontal'
    autoplay: 1
  }, {
    // Make sure you keep the entries numerically sorted !
    400: 'mobile', // use mobile format when page width <= 400
    800: 'medium', // guess on your own now
    1000: 'horizontal'

 Profile Send private message  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group