Showing posts with label remote control. Show all posts
Showing posts with label remote control. Show all posts

Thursday, May 13, 2010

XBMC Web Remote Control for Android and iPhone

NOTE:  I have created a new version of the remote that has many more features and is compatible with the latest version of XBMC.  Go here for details.


**NOTE: this will no longer work in the latest releases of XBMC Dharma and is left here in case anyone is still running older versions.

For those of you who don't know XBMC it is Home Theatre PC software. What's that you ask? Basically it is software you can run on you computer when it is connected to your television to give you a nice TV and remote control friendly interface for watching movies and listening to music etc. One of the best things about XBMC is that it runs on Linux, Windows and OSX so you can bask in its awesomeness no matter what OS you run.

Unfortunately the current XBMC web interface doesn't really work too well on small touchscreens like those on Android and iPhone so I decided to go ahead and write my own.

This is the Beta version of what I am calling XMBC Web Remote(XBMC-WR). It uses XBMC's built in webserver so installing it is as easy as copying it to XBMC's web folder. The XBMC Web Remote allows you to easily browse, play and queue up music and video from your phone or other touchscreen device.

Some of the key features:
-Ability to browse your Music, Video and Picture libraries
-Queue up videos and music
-View video and music playlists
-Play, pause, volume, etc.
-Menu navigation buttons


The Main Menu screen:



Selecting a video:



Playback Controls:



Installation on Ubuntu:

Step 1 - Enable XBMC web interface
Open XBMC and from the main menu select "System" then "Network".
In the Network Settings menu select "Enable control of XBMC via HTTP".

Step 2 - Install XBMC Remote
Open a terminal and then run the following commands..

wget http://dl.dropbox.com/u/6217043/remote.zip

sudo unzip -d/usr/share/xbmc/web remote.zip


Installation on Windows

Step 1 - Enable XBMC web interface
Open XBMC and from the main menu select "System" then "Network".
In the Network Settings menu select "Enable control of XBMC via HTTP".

Step 2 - Install XBMC Remote
Download and run the installer


Installation on OSX

Step 1 - Enable XBMC web interface
Open XBMC and from the main menu select "System" then "Network".
In the Network Settings menu select "Enable control of XBMC via HTTP".

Step 2 - Install XBMC Remote
I'm not sure where the XBMC install folder is in OSX, I don't have a Mac to test it on. You should be able to download the zip file here and extract it to the "web" folder in you XBMC installation directory. If someone could test this out and let me know I'd appreciate it.



To test that the install is working start XBMC if it is not already running. Next open a browser (preferably Chrome as animations etc will only work in webkit based browsers) and go to the address

http://127.0.0.1:8080/remote

*Note: this assumes you are using the default port 8080

To use the remote from your Android device or iPhone just open a browser and go to:

http://<the ip of your XBMC box>:8080/remote


Any feedback, comments and feature requests are welcome. It is still in Beta so if there is something you would like added let me know and I'll do my best to get it in the final version.

You can check out the XBMC forums thread about the web remote at: