Release TvheadendMobileUI: nice web interface for Tvheadend
#1
Star 
Hello,

I want to announce my web interface for Tvheadend. It consists of the following modules:
  • mobile web interface with iPhone look'n'feel (works well on other smartphones, tablets and also on desktops)
  • EPG timeline (vertical EPG) with the channels on y-axis and time on x-axis
  • listings magazine with the channels each on a separate column

Image

Image

Image

It's completely written in JavaScript, HTML, CSS and you only have to copy some files to get it to work.

The project is hosted on GitHub: https://github.com/polini/TvheadendMobileUI
Reply
#2
Nice ! Can it be used on a openelec installation with tvh?
Reply
#3
Should also be possible with openelec. You have to find the right directory to copy the files. Must be somewhere in the Tvheadend addon directory: ~/.xbmc/addons/*tvheadend*/
Reply
#4
this is looking verry nice!

But i copied the /mobile dir to /usr/share/tvheadend/src/webui/static/mobile
When i'm entering http://192.168.1.4:9981/static/mobile/index.html, the screen is blank!
when entering http://192.168.1.4:9981/static/mobile/mobile.html, i only see the top of the screen (TVheadend and reload)

what am i doing wrong? (i have tvh 3.5)
Reply
#5
Do you have JavaScript enabled?
Which browser/device?
Reply
#6
IE 10, javascript is enabled
Reply
#7
Didnt tested IE so far... Can you check the JavaScript console (F12) for error messages? Or try Firefox?
Reply
#8
Good work, that man - looks really good.

A couple of comments, if I may:

1. Install path is /usr/share/tvheadend... and not /usr/local/share/tvheadend... - on my system (Xubuntu Precise/12.04 with a self-build dpkg install), anyway!

2. Timeline view: timing axis is in German (4 Uhr, 8 Uhr, etc. instead of 00:00-03:59, 04:00-08:00, etc.)

3. I'm getting no channel icons in the EPG view. I suspect that's simply because I don't have any defined in tvheadend (they're not picked up from Lyngsat for some reason - my problem!) and normally only use XBMC. They're all defaulting to http://IP:9981/static/mobile/undefined, though, which just comes out as a placeholder image.

4. There's no default web page, so you have to specify index.html (i.e. http://IP:9981/static/mobile doesn't work)

No criticism intended, though - I think it's looking really good, as I said. Thanks for the work here!
Reply
#9
PS Works fine in Chrome, but fails on IE8 on XP (at least). Developer console suggest that there's something IE doesn't like about line 45:

Code:
Object expected  index.html, line 45 character 1

... which is:

Code:
<body id="body" onload="init();">

I think IE doesn't play nicely with document.body.onload-type commands for some reason.
Reply
#10
(2013-04-15, 22:39)Prof Yaffle Wrote: 1. Install path is /usr/share/tvheadend... and not /usr/local/share/tvheadend... - on my system (Xubuntu Precise/12.04 with a self-build dpkg install), anyway!
Is mentioned in README now

(2013-04-15, 22:39)Prof Yaffle Wrote: 2. Timeline view: timing axis is in German (4 Uhr, 8 Uhr, etc. instead of 00:00-03:59, 04:00-08:00, etc.)
Is corrected

(2013-04-15, 22:39)Prof Yaffle Wrote: 3. I'm getting no channel icons in the EPG view. I suspect that's simply because I don't have any defined in tvheadend (they're not picked up from Lyngsat for some reason - my problem!) and normally only use XBMC. They're all defaulting to http://IP:9981/static/mobile/undefined, though, which just comes out as a placeholder image.
Is corrected

(2013-04-15, 22:39)Prof Yaffle Wrote: 4. There's no default web page, so you have to specify index.html (i.e. http://IP:9981/static/mobile doesn't work)
Needs changes in Tvheadend itself. I hope TvheadendMobileUI will be included in Tvheadend in the future, then the index.html should be the starting page...

IE should now also work.
Reply
#11
Thanks for the quick response. I can confirm your fixes.

Also, on IE it now loads, but there are still some errors (e.g.

Code:
Message: 'tmdbApiK' is undefined
Line: 2 Char: 1 Code: 0
URI: http://IP:9981/static/mobile/tvh_custom.js

Code:
Message: Expected ')'
Line: 1 Char: 40 Code: 0
URI: http://IP:9981/static/mobile/epg.html

So it looks as if Internet Explorer still needs some debugging - although I might mean the browser, not your code ;-)
Reply
#12
Thumbs Up 
WOW! Great work! Tvheadend really needs some UI-Update Big Grin
Reply
#13
hello, i use tvheadend on clean install with ubuntu 12.04 lts, when i go on mobile web page i have an error 500... it is normal?
Reply
#14
Did you copy the files from the git repository?
Reply
#15
yes i copy the files from git.
Reply

Logout Mark Read Team Forum Stats Members Help
TvheadendMobileUI: nice web interface for Tvheadend2