[Web Interface Addon] AWX - Ajax based Web Interface Addon for XBMC

  Thread Rating:
  • 6 Votes - 4.67 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
MKay Offline
Member
Posts: 81
Joined: Jan 2010
Reputation: 10
Thumbs Up  [Web Interface Addon] AWX - Ajax based Web Interface Addon for XBMC
Post: #1
As you may have noticed AWX is currently not developed by me for lack of time.
Job, studies and other projects are too time consuming.

But i'm happy to see that some people pick up my project and create their own web interfaces. So my work was not for nothing Smile

Currently i know of 2 AWX-forks or at least projects which are using AWX-sourcecode:
1. http://forum.xbmc.org/showthread.php?tid=112956 (Eden)
2. http://forum.xbmc.org/showthread.php?tid=116707 (Dharma)

(If i miss a fork, then let me know)

So you should try one of the projects listed above since AWX-development was stopped by me.
But the projects above already include cool new features and probably some bug-fixes Wink


--------------------------------------

Hi,

a few month ago i began writing a webinterface for XBMC but have never released it. I wrote it to control audio-playback of my media center in a browser because i didn't want to turn the TV on ... and the browser is always started. Rolleyes
A few days ago i rewrote some parts so that it works with XBMC Dharma now and added some new functionality.
Maybe other people can find it useful. So here it is Wink

You can use AWX to control the Audio/Video-Section of XBMC: play/pause/stop/skip, show artists/albums/movies/tv shows and play them or add them to the playlist. It's designed for use on PCs or laptops with a browser like FireFox which supports JavaScript.

Screenshot:
[Image: screenshot_006.png]
These "questionmark-images" will be replaced by the thumbs of the albums Laugh

Requirements:
- XBMC Dharma (Tested on XBMC 10.0-beta2 (on Ubuntu Karmic Koala))

Tested Browsers:
- FireFox 3.6 (on Ubuntu Lucid Lynx and Windows XP)
- Chromium 6.0.472.62 (on Ubuntu Lucid Lynx)
- Opera 10.62 (on Ubuntu Lucid Lynx and Windows XP)
- Safari 5.02 (on Windows XP)
- Internet Explorer 8 (does not support round edges)

Not supported:
- Internet Explorer 6

Instructions:
1. Copy the zip-file to a location where xbmc can reach it.
2. Go to "System --> Add-ons --> Install from zip file", select the zip-file and install it.
3. Go to "System --> Network --> Services --> Web interface" and select the new Web interface "AWX".
4. You may need to clear your browser-cache before you open the new installed/updated webinterface in your browser.
5. Open the page "http://<xbmc-ip>:<port>/" in your browser.

Download:
AWX is now available via official Addon Repository!
Version 0.3.1 <-- recommended, but requires min. beta3
Version 0.3.0 EXPERIMENTAL <-- for dharma beta2-users

Known issues:
N/A

Bug reports, suggestions and feature requests are welcome.

@Translators: If you are interested in translating AWX into your language feel free to contact me via PM.

Greets,
MKay
(This post was last modified: 2012-01-14 18:47 by MKay.)
find quote
hudo Offline
Fan
Posts: 544
Joined: Feb 2009
Reputation: 7
Post: #2
Hi.

Great work! I'll test it and give some feedback on possible problems.

Do you have plans to add it XBMC add-ons repo?

hudo
find quote
yeroash Offline
Junior Member
Posts: 17
Joined: Aug 2010
Reputation: 0
Post: #3
Works great in firefox thanks Smile

Btw is there any way to implement a thumbnail cache of some sorts (resize images or something), I know you didnt intend for it to be used on smartphones, but I tried it on my phone; it works fine but just a little slow loading images.
(This post was last modified: 2010-09-24 11:20 by yeroash.)
find quote
MKay Offline
Member
Posts: 81
Joined: Jan 2010
Reputation: 10
Post: #4
hudo Wrote:Do you have plans to add it XBMC add-ons repo?
Yes, if everything works fine and the most bugs are fixed Cool

yeroash Wrote:Btw is there any way to implement a thumbnail cache of some sorts (resize images or something), I know you didnt intend for it to be used on smartphones, but I tried it on my phone; it works fine but just a little slow loading images.
Currently the API does not support resizing images. And i cannot do this on my own because the server does not support server-side-scripting. But resizing of images is a good feature for the API. I will request it. Wink

BTW: I have uploaded Version 0.2.4.

0.2.4:
- Added: Show shares in file-section
- Changed: Moved item-buttons from the right to the left
- Changed: Hide not implemented picture-section
- Changed: Movies without id will be ignored (e.g. Movie Sets - they are not supported by the API)
- Fixed: Webinterface hangs on startup if no tv show exist
- Fixed: needless SetVolume-Requests
(This post was last modified: 2010-09-24 18:20 by MKay.)
find quote
ccMatrix Offline
Alaska Group
Posts: 470
Joined: Oct 2008
Post: #5
I've installed it and it looks very good. Here is some feedback:
  • In the top row you have the breadcrumbs to e.g. Videos -> TV Shows -> Battlestar Galactica (2003) -> Season 1. But I always need to use the [X] button to go up one level. On the first try I always wanted to click on these texts to go up a level.
  • In Movies view I get a list of all my movies but none of them has a poster display (they all have one in XBMC). The image html looks like this:
    <img src="images/loading_thumbPoster.gif" alt="2069" class="thumb thumbPoster" original="/vfs/special://masterprofile/Thumbnails/Video/7/7c294969.tbn">
  • same goes for Music where no cover art is displayed for the albums. Maybe this is still on your TODO?
  • The sort mode for Movies seems to be by date added. Maybe alphabetically would be a better default and maybe sort options?
  • I have quite a few movies in my list. Maybe some fast filter option would be nice Smile

Thanks for your great work. I was hoping for some updated web interface Smile
find quote
theuni Offline
Team-XBMC Communication Manager
Posts: 1,105
Joined: Oct 2007
Reputation: 2
Location: Atlanta, Ga, USA
Post: #6
Absolutely Beautiful.

TheUni
find quote
topfs2 Offline
Team-XBMC Developer
Posts: 4,004
Joined: Dec 2007
Reputation: 10
Post: #7
plain awesome!

Album covers didn't work for me though but haven't checked why

If you have problems please read this before posting

Always read the XBMC online-manual, FAQ and search the forum before posting.
Do not e-mail XBMC-Team members directly asking for support. Read/follow the forum rules.
For troubleshooting and bug reporting please make sure you read this first.


[Image: badge.gif]

"Well Im gonna download the code and look at it a bit but I'm certainly not a really good C/C++ programer but I'd help as much as I can, I mostly write in C#."
find quote
pFranzen Offline
Junior Member
Posts: 38
Joined: Nov 2008
Reputation: 1
Post: #8
Nice so far!

I'm getting an error when I load up my 'Music' directory in the file listing though:

"A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete.

Script: http://192.168.1.4:8080/js/jquery-1.4.2.min.js:74"

I can just hit "Continue" instead of "Stop Script" and it seems to go away, but it's a repeatable error every time I bring up the directory.
find quote
ppic Offline
Skilled Python Coder
Posts: 2,711
Joined: Feb 2009
Reputation: 11
Location: France idf
Post: #9
no thumbs here too, except on informations screen.

except that, really good job!

[Image: widget]
Passion-XBMC Repository Download your SVN skins and addons
TvTunes Addon Download Play your theme while browsing library
TVshow Next Aired display next aired infos from tvrage.com
Logo Downloader Script download Logo/clearart/show thumbs/poster/banner
Bande-Annonce Allociné plugin watch trailers in french and vo
SportLive Script Live score match info in XBMC (not compatible dharma)
find quote
Mental Block Offline
Senior Member
Posts: 107
Joined: Oct 2003
Reputation: 0
Location: Kent, UK
Post: #10
Looks good and seems to work well. For me the thumbs only seem to work through music artist. Maybe it is something to to with the amount of thumbs it is requesting?

One suggestion I have would be able to only show Album Artists under artist view as currently I get all my artists on compilation albums showing up as well. Same as the option "Include artist who appear only on compilations" within XBMC.

Thanks Smile
find quote
ppic Offline
Skilled Python Coder
Posts: 2,711
Joined: Feb 2009
Reputation: 11
Location: France idf
Post: #11
control missing play/pause button Wink

[Image: widget]
Passion-XBMC Repository Download your SVN skins and addons
TvTunes Addon Download Play your theme while browsing library
TVshow Next Aired display next aired infos from tvrage.com
Logo Downloader Script download Logo/clearart/show thumbs/poster/banner
Bande-Annonce Allociné plugin watch trailers in french and vo
SportLive Script Live score match info in XBMC (not compatible dharma)
find quote
ralob Offline
Senior Member
Posts: 226
Joined: Jul 2007
Reputation: 2
Post: #12
Awesome interface!

The only thing I would request is the ability to get information on TV Shows and individual episodes as you have set in the movie section.

I must say, this is now my default interface. Excellent job.
find quote
MKay Offline
Member
Posts: 81
Joined: Jan 2010
Reputation: 10
Post: #13
THX for your replies!

ccMatrix Wrote:In the top row you have the breadcrumbs to e.g. Videos -> TV Shows -> Battlestar Galactica (2003) -> Season 1. But I always need to use the [X] button to go up one level. On the first try I always wanted to click on these texts to go up a level.
With the current structure of the webinterface this is not possible. But maybe i will rewrite some code to support this. I added this to the ToDo-list.

ccMatrix Wrote:In Movies view I get a list of all my movies but none of them has a poster display (they all have one in XBMC). [...] same goes for Music where no cover art is displayed for the albums. Maybe this is still on your TODO?
topfs2 Wrote:Album covers didn't work for me though but haven't checked why
ppic Wrote:no thumbs here too, except on informations screen.
Mental Block Wrote:For me the thumbs only seem to work through music artist. Maybe it is something to to with the amount of thumbs it is requesting?
Hm, covers should be displayed for albums, movies and tv shows. Maybe you have too many albums/movies/... so that the http-server has to work too hard so that image loadings fail. I added some code to load the thumbs one after another and maybe the first image-load fails so that no thumbs will be displayed.
Here is a patched js-file: http://www.mediafire.com/?ek15nhut7pn3ccs. Copy this file to the js-folder of the webinterface (replace the old file).
The new code will show a messagebox when image-loading fails and continues with the next thumb. If the messagebox is displayed we know that the thumb-loading fails and i can try to fix it Smile

ccMatrix Wrote:The sort mode for Movies seems to be by date added. Maybe alphabetically would be a better default and maybe sort options?
You're right. Currently the movies are unsorted. I will change that.

ccMatrix Wrote:I have quite a few movies in my list. Maybe some fast filter option would be nice Smile
This is a good idea. Added to ToDo-list Smile

pFranzen Wrote:I'm getting an error when I load up my 'Music' directory in the file listing though:
"A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete.
Script: http://192.168.1.4:8080/js/jquery-1.4.2.min.js:74"
I can just hit "Continue" instead of "Stop Script" and it seems to go away, but it's a repeatable error every time I bring up the directory.
Hm, by now i have no idea Big Grin Does this error happen with every directory you try to open? Do you have XBMC running on Windows or Linux? Does anyone have the same problem?

Mental Block Wrote:One suggestion I have would be able to only show Album Artists under artist view as currently I get all my artists on compilation albums showing up as well. Same as the option "Include artist who appear only on compilations" within XBMC.
I will see if i can do this using the XBMC-API.

ppic Wrote:control missing play/pause button
Hm, there is a play/pause button ... at the top of the control-panel. Smile

ralob Wrote:The only thing I would request is the ability to get information on TV Shows and individual episodes as you have set in the movie section.
Yes, it's already on my ToDo-list. The problem is, that the XBMC-API does not have a method like "GetMovieInfo" or "GetTVShowInfo" like it was posted here. These methods are not yet implemented by the API. For movies i use some ugly code: Get all movies and pick the one with the correct id. For tv shows etc. i want to wait until these methods are implemented Wink
(This post was last modified: 2010-09-25 14:26 by MKay.)
find quote
ppic Offline
Skilled Python Coder
Posts: 2,711
Joined: Feb 2009
Reputation: 11
Location: France idf
Post: #14
oups sorry, i was thinking it was the "next" button Big Grin

[Image: widget]
Passion-XBMC Repository Download your SVN skins and addons
TvTunes Addon Download Play your theme while browsing library
TVshow Next Aired display next aired infos from tvrage.com
Logo Downloader Script download Logo/clearart/show thumbs/poster/banner
Bande-Annonce Allociné plugin watch trailers in french and vo
SportLive Script Live score match info in XBMC (not compatible dharma)
find quote
topfs2 Offline
Team-XBMC Developer
Posts: 4,004
Joined: Dec 2007
Reputation: 10
Post: #15
I got the covers to work if I changed all the download urls to always use vfs/URLENCODEDPATH

i.e.

albumDiv.find('.thumb').attr('original', '/vfs/' + encodeURI(album.thumbnail));

If you have problems please read this before posting

Always read the XBMC online-manual, FAQ and search the forum before posting.
Do not e-mail XBMC-Team members directly asking for support. Read/follow the forum rules.
For troubleshooting and bug reporting please make sure you read this first.


[Image: badge.gif]

"Well Im gonna download the code and look at it a bit but I'm certainly not a really good C/C++ programer but I'd help as much as I can, I mostly write in C#."
find quote
Post Reply