Radionomy Board
It is currently Mon Oct 14, 2019 6:14 am

All times are UTC




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

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

Project page: https://github.com/machour/jquery-radionomy

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.

Installation

bower

Via Bower:

Code:
$ bower install jquery-radionomy


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

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


standalone

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

curl -LO https://raw.github.com/machour/jquery-r ... dionomy.js
WARNING Do not hotlink the raw script url. GitHub is not a CDN.

Usage

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


options

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

breakpoints

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.

Example

Code:
$('#myDivThatWillBeReplaced').radionomy({
    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'
});


Top
 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 4 guests


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