New post
0

Local HTML5 page is very slow when clicking links

Avatar
par
None
Follow

I'm new to BrightSign and I have created a presentation as a singel HTML5 element in BrightAuthor that is pointing to a local webpage. The webpage is built as a navigation bar to the left and content on the right side.

My problem is that the navigation between the different pages is very slow. When I click an navigation link to the left, to display another page, the element is first coming into focus and then clicked. This takes almost one second. Sometimes the link element is stuck in focus state.

- I have tested the page with a mouse and get the same slow behaviour

- I have tested to remove css styling without any effect.

- I have tested to run the page in chrome developer tools to emulate the page behaviour  when run on a touch device where it works fine since I have added a fastclick script which is supposed to speed up touch interaction.

I'm running a BrightSign HD3 1023 with Firmware HD3 6.2.94

I'm using Twitter Bootstrap for styling.

Any tips?

 

Date Votes

6 comments

  • 0
    Avatar
    par

    Am I using the BrightSign player for something it is not supposed to be used for? Just thinking that it maybe is a really bad idea to publish the touch navigatable webpage with help of BrightSign in combination with BrightAuthor? But I need to use BrightAuthor in order to have touch functionality?

    Is there some other way I can publish the webpage to get better performance? I've read that it is possible to run NodeJS on the BrightSign player. But serving static HTML with NodeJS would mean no touch interaction. Or am I incorrect?

    If I haven't been clear about how the webpage is built:

    - It is built as a bunch of HTML files that use relative paths. The reason for this is that: as I have understood it, the BrightSign player does not use a local webserver to serve the webpage.

  • 0
    Avatar
    ^UD\_$

    The BrightSign DOES have a built-in web server that you can enable during player configuration.

    You can then serve web pages locally, or to other players or devices on the local network.

    Loading a new page upon screen touch, may be laggy.

    You could try and code your interactive app as a single HTML file, using some JS magic to show/hide elements in the page, instead of loading a new html file...

  • 0
    Avatar
    par

    Ok, I got the impression that it was for the Diagnostics server etc. At least when reading this documentation:

    http://docs.brightsign.biz/display/DOC/Using+the+Diagnostic+and+Local+Web+Servers

    So then I can simply use absolute paths, like "/some-directory/somefile.html"?

    Maybe I should give that a try. But would probably not make any difference in performance, or am I wrong?

    I have thought about doing the webpage as a single page application instead of using Jekyll to generate static HTML pages. That would be something that I need to rethink if I can't hide the load time with css-effects in a nice way.

  • 0
    Avatar
    ^UD\_$

    There is DWS and Local Web Server, which by default allows you to modify variables. 

    To access the User Variables web page, enter the displayed IP address plus port 8008 (for example, “10.0.1.199:8008”).

    This should help too

    http://docs.brightsign.biz/display/DOC/Creating+a+Custom+Device+Webpage

    Hosting locally may not speed things up.

    Every application is different, so you need to try in order to know...

    Please share your results here.

  • 0
    Avatar
    par

    Ok, I will give it a try on monday. Thank you for the link!

  • 0
    Avatar
    Chris

    Hi par,

    any news on this? I ran into the same problems here.

    best, chris

Please sign in to leave a comment.