Kodi Community Forum
Release TvheadendMobileUI: nice web interface for Tvheadend - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Support (https://forum.kodi.tv/forumdisplay.php?fid=33)
+--- Forum: PVR & Live TV Support (https://forum.kodi.tv/forumdisplay.php?fid=167)
+---- Forum: Tvheadend (https://forum.kodi.tv/forumdisplay.php?fid=168)
+---- Thread: Release TvheadendMobileUI: nice web interface for Tvheadend (/showthread.php?tid=162224)

Pages: 1 2 3 4


TvheadendMobileUI: nice web interface for Tvheadend - xoox - 2013-04-12

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


RE: TvheadendMobileUI: nice web interface for Tvheadend - Jönke - 2013-04-12

Nice ! Can it be used on a openelec installation with tvh?


RE: TvheadendMobileUI: nice web interface for Tvheadend - xoox - 2013-04-12

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*/


RE: TvheadendMobileUI: nice web interface for Tvheadend - FutureCow - 2013-04-14

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)


RE: TvheadendMobileUI: nice web interface for Tvheadend - xoox - 2013-04-14

Do you have JavaScript enabled?
Which browser/device?


RE: TvheadendMobileUI: nice web interface for Tvheadend - FutureCow - 2013-04-14

IE 10, javascript is enabled


RE: TvheadendMobileUI: nice web interface for Tvheadend - xoox - 2013-04-14

Didnt tested IE so far... Can you check the JavaScript console (F12) for error messages? Or try Firefox?


RE: TvheadendMobileUI: nice web interface for Tvheadend - Prof Yaffle - 2013-04-15

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!


RE: TvheadendMobileUI: nice web interface for Tvheadend - Prof Yaffle - 2013-04-15

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.


RE: TvheadendMobileUI: nice web interface for Tvheadend - xoox - 2013-04-16

(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.


RE: TvheadendMobileUI: nice web interface for Tvheadend - Prof Yaffle - 2013-04-16

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 ;-)


RE: TvheadendMobileUI: nice web interface for Tvheadend - Pyromaniac - 2013-04-19

WOW! Great work! Tvheadend really needs some UI-Update Big Grin


RE: TvheadendMobileUI: nice web interface for Tvheadend - boundouny - 2013-04-29

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?


RE: TvheadendMobileUI: nice web interface for Tvheadend - xoox - 2013-04-29

Did you copy the files from the git repository?


RE: TvheadendMobileUI: nice web interface for Tvheadend - boundouny - 2013-04-30

yes i copy the files from git.