Giter VIP home page Giter VIP logo

raido's Introduction

Rdio Web Playback jQuery plugin, version 0.1

This is a pretty simple plugin to provide a jQuery interface to Rdio's
Web Playback API <http://developer.rdio.com/docs/read/Web_Playback_API>

It includes and uses SWFObject <http://code.google.com/p/swfobject/> to
hide much of the complexity of cross-browser Flash embedding.

To use jquery.rdio.js in your web app include jQuery and either
jquery.rdio.min.js or jquery.rdio.js in your HTML. Add a placeholder <div>
that the API swf will be embedded in.

Call $('#placeholder').rdio('playbackToken') to embed the swf. Then call
$('#placeholder').rdio().method() to call playback API methods. They're
exactly the same as are documented in the playback API docs but without
the "rdio_" prefix. For example $('#placeholder').rdio().play('a171827');

Callbacks are exposed as jQuery events in the 'rdio' namespace that are
triggered on the placeholder element. So to get called when the API is
ready use: $('#placeholder').bind('ready.rdio', function(e) { ... });
Callback arguments are mapped to jQuery event handler arguments like:
$('#placeholder').bind('playStateChanged', function (e, playState) { ... });

There's an example for all of this in the example/ directory.

To use this plugin you'll need to get a playbackToken through the Rdio
Web Service API: http://developer.rdio.com/docs/read/rest/Methods#getPlaybackToken

jquery.rdio.js and swfobject.js are MIT licensed:
  http://www.opensource.org/licenses/mit-license.php

raido's People

Contributors

jasonwurzel avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.