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:


4 comments:

  1. Thanks for this!

    I'm surprised there's not any comment for this, it's the perfect open source alternative to a mac with iTunes and iTunes remote!

    2 questions :
    - It works on the PC XBMC is running on, but on my iPhone, when I enter "Music" or Video" or "Pictures" page, I can't see the list but only "Loading"
    On Opera I just can't access the main page.

    - How to translate the pages ? (I have XBMC in french on my PC, but in english on the remote page)
    OK, this is not a big problem!

    ReplyDelete
  2. By the way, my configuration :
    - PC on Ubuntu 10.04, controlling iptables with firestarter
    - iPhone 3GS, iOS 3.1.3, with Safari and Opera installed

    I opened port 8080 for the iPhone IP, and also tried with firewall disabled. Same results each time.

    With the classic web remote I was able to see the list of media (but couldn't scroll down the list, I guess it's why you wrote this)

    Any idea to solve this is welcome!
    Thanks

    ReplyDelete
  3. Hi Kevin,
    I'll have a look into this, i don't actually have an iPhone at the moment but i will borrow my friends and see if i can test this out for you. If you wanted to do a French translation i would be happy to realease a french version.

    ReplyDelete
  4. Hi,Image editing software applications allow a Web designer to create the graphics for a Web site. Popular image editing software applications in Web Design Cochin include Adobe PhotoShop and Macromedia Fireworks. Thanks.......

    ReplyDelete