Hi folks, this is my first "released" jQuery plug-in, so be kind. ;)
I've written a few, but this one is not proprietary.
I've been working on a new web interface for my XBMC server and needed a comprehensive jQuery object to do my communications.
I found a few. Some in PHP, some in Javascript. Even one in Ruby (shudder!). But none of them were elegant. This plug-in is my attempt at something elegant and I thought I'd share.
It requires the JSON-RPC plug-in by Josh Huckabee.
I originally wanted the interface to reflect the namespaces available. After about three days of going back and forth between various iterations, I finally settled on an interface.
Each namespace was a function within the plug-in and, when called, passes the arguments on to a centralized parameter handler/checker/sender.
However, I found it clunky and would require maintenance as the API evolved/changed. So I scrapped the entire thing and started over. This time building a dynamic plug-in that uses XBMC's Introspect API call to "discover" what functions are available. It is with this data that the plug-in is able to learn which calls are available.
The plug-in, is just like almost every other jQuery plug-in. You include the code and off you go.
The plug-in is contained within a single file. You can download it here or clone the repo. Your call.
Download (if you haven't already) the JSON-RPC plug-in from here.
Add a script tag for each plug-in to your page before the >/BODY< tag or in your >HEAD<. It'd probably be best if you included jquery-jsonrpc before this plug-in.
The plug-in, once instantiated, provides virtual access to each XBMC namespace. See the list of available namespaces below.
Each call accepts two arguments. The first is the name of the namespace method to call. The second is an optional object containing one or more of the following options:
- params This is the parameter array that is passed, verbatim, to XBMC.
- success An optional callback called when the XBMC call has completed successfully.
- error An optional callback called when the XBMC call has completed unsuccessfully.
- async An optional boolean allowing you to change the synchronicity of the specific call.
The basic call format is then:
yourApiObject.namespace('command',parameters)
_xbmc.VideoPlayer('playPause');
This call would pause or play the currently playing video.
The available namespaces are:
- JSONRPC
- Player
- AudioPlayer
- VideoPlayer
- PicturePlayer
- Playlist
- AudioPlaylist
- VideoPlaylist
- Files
- AudioLibrary
- VideoLibrary
- System
- XBMC
- Input
I will add some more examples when I get time.
<script type="text/javascript">
$(function(){
var _xbmc = new $.xbmc({
serverHostName : 'your.host.name.if.not.localhost'
});
// Call the JSONRPC namespace's "ping" command
_xbmc.JSONRPC( 'ping', {
success : function(response) {
if ( 'pong' != response.result ) {
alert('ping failed');
} else {
// Grab some weather...
_xbmc.System('getInfoLabels', {
params : {
labels : [
'Weather.Conditions',
'Weather.Temperature'
]
},
success : function(response) {
alert(JSON.stringify(response.result));
}
});
}
}
});
});
</script>
- Jerry Ablan opensource@pogostick.com
MIT & GPL
Fork and code.
Thanks to Josh Huckabee for creating an easy-to-use JSONRPC interface.