FAQ  •  Register  •  Login

Web UI in Ajax (Mobile & desktop edition)

<<

Elfish

Streaming enthusiast

Posts: 23

Joined: Tue Aug 02, 2011 6:58 am

Post Fri Aug 05, 2011 6:16 am

Re: Web UI in Restful Ajax

Hi zip,

i'm using the latest version (0.5.2) available on serviio.org.
i will try to additional parameter once i get home from work :) and i'll report what happend.
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Fri Aug 05, 2011 8:28 am

Re: Web UI in Restful Ajax

zip wrote:
Elfish wrote:doesn't work on my server

http://127.0.0.1:23423/rest/application
seems to work.
w3m is asking if i wanted to download "application"

however trying to access
http://192.168.1.105:23423/rest/application

doesn't work on my local machine and my remote machine
the ip is 100% correct since i'm sshing to it.

Are you using beta 2 or something before that? If 0.5.2, then make sure to bind the rest API to the external Ip address by passing this on the server side:

  Code:
-Dserviio.remoteHost=192.168.1.105

I'm not sure you have to change Serviio remoteHost : if the webinterface is installed on the same machine, it should connect to Serviio rest API from localhost.
I think the problem is that port 8123 is blocked (from Notebook the page is going in timeout, but from local lynx the connection is OK).
Are there any firewall on the network?
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Fri Aug 05, 2011 8:34 am

Re: Web UI in Restful Ajax

williMeier wrote:yes. tried with chrome, ie 8, firefox portable, opera.
are there any logfiles?

Same as Serviio (defined in log4j.xml).
For javascript errors, You could check out some in javascript console (Firebug for Firefox or Chrome's Developer Tools).
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

Elfish

Streaming enthusiast

Posts: 23

Joined: Tue Aug 02, 2011 6:58 am

Post Fri Aug 05, 2011 9:40 am

Re: Web UI in Restful Ajax

there's no firewall for LAN connections in my network.
it's a simple home network which contains a router (got it from my ISP, includes a modem, wifi) and a switch.

my laptop is connected to a gbit switch and so is my tv.
the switch itself is connected to the router.
all the internet features on my tv are working.

there's a firewall for external (WAN) connections implemented in my router.
however that shouldn't effect my NAS or the LAN.

oh and the nas itself got no firewall either.
my notebook is running windows 7 pro 64bit including a windows firewall.
but my nas is running a few other services, that provide a webinterface with non standart http ports.
i can view those webinterfaces just fine...

i'm also able to connect to my NAS via samba, ssh and a temporarly running lighttpd from my notebook.
beside that serviio appeared on my tv. i didn't select it tho, because i knew i wouldn't be able to see any media, since i didn't fully set serviio up yet.
<<

Elfish

Streaming enthusiast

Posts: 23

Joined: Tue Aug 02, 2011 6:58 am

Post Fri Aug 05, 2011 1:55 pm

Re: Web UI in Restful Ajax

hi just set the ip according to zip's additional parameter


i'm now able to access

http://192.168.1.105:23423/rest/application

from my laptop
it's returning the current serviio version in xml format.

connecting to http://192.168.1.105:8123/serviio/console
still doesnt work.

i'll try with 0.6b2 now.

//edit

same result
http://192.168.1.105:23423/rest/application
returns a the new version

the console webinterface still doesn't work.
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Fri Aug 05, 2011 9:09 pm

Re: Web UI in Restful Ajax

Elfish wrote:hi just set the ip according to zip's additional parameter
i'm now able to access
http://192.168.1.105:23423/rest/application
from my laptop

Try to set the same parameter in your webinterface script.
  Code:
-Dserviio.remoteHost=192.168.1.105

It's a Restlet feature I've never tested : actually I haven't try to connect from another machine...
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

Elfish

Streaming enthusiast

Posts: 23

Joined: Tue Aug 02, 2011 6:58 am

Post Sat Aug 06, 2011 7:11 am

Re: Web UI in Restful Ajax

the console appears now in my browser :)
thanks

time to set it up

//edit

i'm not able to change any settings.
saving doens't store them

i tried the internet explorer and firefox 5

//edit #2

it looks like that

viewtopic.php?p=18408#p18408

and i defently got java script enabled
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Sat Aug 06, 2011 5:02 pm

Re: Web UI in Restful Ajax

Elfish wrote:the console appears now in my browser :)
it looks like that
viewtopic.php?p=18408#p18408

I think I get it :
- without "serviio.remoteHost" set on server and webUI, everything was fine cause everything was accessed from "localhost".
- with "serviio.remoteHost" set on webUI only, this should have work because webUI tried to connect from "localhost".
- with "serviio.remoteHost" set on both server and webUI, it didn't work because webUI tried to connect from "localhost" and server was listening to the IP...

I've removed the limitation on webUI : it can be fully accessed.
Here is the file (same version so You'll have to overwrite) : serviio-webclient-0.1.jar.zip

There are now two options :
1) do not set at all "serviio.remoteHost" parameter : localhost is used by default between webui and server.
2) set the same "serviio.remoteHost" parameter to Serviio server and webUI.
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

Elfish

Streaming enthusiast

Posts: 23

Joined: Tue Aug 02, 2011 6:58 am

Post Sun Aug 07, 2011 10:06 am

Re: Web UI in Restful Ajax

the webinterface works now :)
thanks

there are other errors now but those are serviio related.

i'll make a new thread for that.
<<

patters

User avatar

DLNA master

Posts: 1282

Joined: Sat Oct 09, 2010 3:51 pm

Location: London, UK

Post Sat Aug 20, 2011 1:49 pm

Re: Web UI in Restful Ajax

Cool it works nicely now. How would we go about running it from within Serviio's JVM instance (rather than having to spawn two)? On low memory embedded systems like NAS units this could be a bit restrictive. Would Zip have to integrate it into the project?
Any chance of a 0.6 beta version with the online feeds tab in the Library section? :)
One small observation is that the scroll bars in the Add local... library function don't render on iPad (Safari Mobile). They're fine on the full Mac Safari browser though, so it could be a browser issue.

For customizing - I notice that the statique/styles folder is empty in the jar file. Would styles defined here replace those in your code? It would be nice to be able to edit it without picking the code apart.
LG OLED55B8PLA | PS4 Pro | Xbox One S | Synology DS214play
Serviio 2.1 package for Synology NAS - with limited hardware transcoding support!
<<

zip

User avatar

Serviio developer / Site Admin

Posts: 17212

Joined: Sat Oct 24, 2009 12:24 pm

Location: London, UK

Post Mon Aug 22, 2011 9:34 am

Re: Web UI in Restful Ajax

patters wrote:Would Zip have to integrate it into the project?

Yes.
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Wed Aug 24, 2011 9:17 am

Re: Web UI in Restful Ajax

patters wrote:Any chance of a 0.6 beta version with the online feeds tab in the Library section? :)

For 0.6 beta version, I should become a beta tester first, Zip please?
patters wrote:One small observation is that the scroll bars in the Add local... library function don't render on iPad (Safari Mobile). They're fine on the full Mac Safari browser though, so it could be a browser issue.

It should be a browser issue, but sorry I can't test Safari Mobile.
patters wrote:For customizing - I notice that the statique/styles folder is empty in the jar file. Would styles defined here replace those in your code? It would be nice to be able to edit it without picking the code apart.

In 0.1, every CSS were inside the html, so this folder had no meaning.
I've made a new version - 0.2 - which allows CSS customization.
I've renamed this folder from statique/styles to www/styles.
All you have to do is to create and update a /www/styles/serviio-webui.css file in you classpath.
For further info, see the wiki. Have fun!
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

zip

User avatar

Serviio developer / Site Admin

Posts: 17212

Joined: Sat Oct 24, 2009 12:24 pm

Location: London, UK

Post Wed Aug 24, 2011 9:54 am

Re: Web UI in Restful Ajax

kairoh wrote:I should become a beta tester first, Zip please?

Done
<<

patters

User avatar

DLNA master

Posts: 1282

Joined: Sat Oct 09, 2010 3:51 pm

Location: London, UK

Post Wed Aug 24, 2011 11:24 am

Re: Web UI in Restful Ajax

kairoh wrote:In 0.1, every CSS were inside the html, so this folder had no meaning.
I've made a new version - 0.2 - which allows CSS customization.
I've renamed this folder from statique/styles to www/styles.
All you have to do is to create and update a /www/styles/serviio-webui.css file in you classpath.
For further info, see the wiki. Have fun!


Awesome! I'll have a play with that soon. I'd like to make the Web UI resemble the Synology NAS UI - well at least the fonts and text size - for the package I'm building (is it ok for me to include it?). Since I'm conscious that some Synology units only have 128MB of RAM, would it be ok to launch the jvm for the Web UI with a really low memory size (like 50MB or something)? Or should I leave it on the default of 384MB and let Linux swap the unused stuff to disk?
LG OLED55B8PLA | PS4 Pro | Xbox One S | Synology DS214play
Serviio 2.1 package for Synology NAS - with limited hardware transcoding support!
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Wed Aug 24, 2011 11:28 am

Re: Web UI in Restful Ajax

zip wrote:
kairoh wrote:I should become a beta tester first, Zip please?

Done

Thanks! ;)
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

patters

User avatar

DLNA master

Posts: 1282

Joined: Sat Oct 09, 2010 3:51 pm

Location: London, UK

Post Wed Aug 24, 2011 11:30 am

Re: Web UI in Restful Ajax

zip wrote:
patters wrote:Would Zip have to integrate it into the project?

Yes.


Is that on the roadmap, or not really?
LG OLED55B8PLA | PS4 Pro | Xbox One S | Synology DS214play
Serviio 2.1 package for Synology NAS - with limited hardware transcoding support!
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Wed Aug 24, 2011 11:37 am

Re: Web UI in Restful Ajax

patters wrote:Since I'm conscious that some Synology units only have 128MB of RAM, would it be ok to launch the jvm for the Web UI with a really low memory size (like 50MB or something)? Or should I leave it on the default of 384MB and let Linux swap the unused stuff to disk?

I've tried to tune the JVM options to reduce the footprint, but the webui still uses around 20Mo.

Here are some tweaks I successfully set :
-Djava.awt.headless=true, for setting a headless process.
-Xms4M -Xmx4M for setting the heap to 4M
-XX:PermSize=6M -XX:MaxPermSize=6M for setting the permanent gen to 6M
-Xss4M for setting 4M to new threads

You should try to monitor and test the process with visualvm (included in jdk6).
I think tweaks are not really significant.
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

patters

User avatar

DLNA master

Posts: 1282

Joined: Sat Oct 09, 2010 3:51 pm

Location: London, UK

Post Sat Aug 27, 2011 7:10 pm

Re: Web UI in Restful Ajax

Hi Kairoh,

I'm putting the finishing touches on my Synology package for the 0.6 Beta (which I'll put in the Beta forum only until 0.6 is released). Did you have a chance to update the WebUI to offer the Online Sources tab in the Library view?

I have tried editing the CSS but it seems to continue using the version from inside the Jar file. Any idea why it might be ignoring {serviio folder}/config/www/styles/serviio-webui.css? I tried moving www up one level to the base Serviio folder but that's not the problem.

I've been overwriting the css in the Jar file for now...

Since in the Synology UI the web ui will be spawned in a clearly titled window I was able to hide the heading with display:none; in the CSS. I have also changed the main font to the same type and size as the rest of the NAS UI elements. I have a couple of questions though. It seems that the italic text is being specified in the HTML rather than the stylesheet. Could that be a style too? Also, how would I change the text in the buttons themselves? I can't see how.
LG OLED55B8PLA | PS4 Pro | Xbox One S | Synology DS214play
Serviio 2.1 package for Synology NAS - with limited hardware transcoding support!
<<

kairoh

DLNA master

Posts: 180

Joined: Sun Aug 08, 2010 10:41 am

Location: France

Post Sat Aug 27, 2011 8:11 pm

Re: Web UI in Restful Ajax

Hi patters!
patters wrote:Did you have a chance to update the WebUI to offer the Online Sources tab in the Library view?

I'm working on it. I'm just wondering how to make the WebUI compatible with multiple Serviio version. This way the tab will only be rendered if version is > 0.6.
I've seen a Rest service giving Serviio version, but it is really slow...
patters wrote:Any idea why it might be ignoring {serviio folder}/config/www/styles/serviio-webui.css?

You may have to change your "serviio-webui.sh" to set the "config" folder at the beginning of the classpath (SERVIIO_CONSOLE_CLASS_PATH). I've updated the wiki but it is not very clear sorry.
patters wrote:It seems that the italic text is being specified in the HTML rather than the stylesheet. Could that be a style too?

I will fix this in 0.3.
patters wrote:Also, how would I change the text in the buttons themselves. I can't see how.

I use copies of i18n properties of Serviio console. The text in the button come from "messages_*.properties" inside the jar.
May I ask you why you would need to change them?
Serviio WebUI console developer : New Homepage | Support | Project | Issues

Samsung UA32C6600 | WinXP / Ubuntu 11.10 | Samsung Galaxy S | Freebox v6
HowTo: Provide supported formats of a device HowTo: Record a new ticket on Bitbucket
HowTo: Provide details of a video file that doesn't play HowTo: Turn on detailed logging
<<

patters

User avatar

DLNA master

Posts: 1282

Joined: Sat Oct 09, 2010 3:51 pm

Location: London, UK

Post Sat Aug 27, 2011 8:23 pm

Re: Web UI in Restful Ajax

It was just to change the font and font size really, not the text. Cheers for the other things!
I'm not a web guy so I'm not too good with CSS. How do I make the line spacing a bit more generous? I've tried a few things but got nowhere. The other thing I'd like to do is change the borders of the table items so they're just a single line of pixels (not the raised edges). Here's how I have it looking so far:

Image
LG OLED55B8PLA | PS4 Pro | Xbox One S | Synology DS214play
Serviio 2.1 package for Synology NAS - with limited hardware transcoding support!
PreviousNext

Return to Third-party tools integration

Who is online

Users browsing this forum: No registered users and 10 guests

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by ST Software for PTF.