Web content

From SpinetiX Support Wiki

Jump to: navigation, search


"Can web content be displayed by the player?" is definitely one of the frequently asked questions we receive. The answer is not straightforward, as web content can mean a lot of things - here are some examples:

  • an image from a certain web page
  • a video from sites like YouTube, Vimeo etc.
  • an entire web page
  • some data from a social network site or web service

These cases are further detailed below.

Display media from a web page

If you want to display an image / video from a web page, you have two options:

Display web streaming content

Capturing and replaying video or streaming content from sites like YouTube and Vimeo, is normally prohibited (intellectual property rights, non-commercial usage, etc.) outside their website or apps. Furthermore, the web streaming protocols employed are not supported on the HMP.

For videos, a possible workaround is to download those video(s) locally (using browser add-ons, extension etc.) and then import the video into your Elementi project or upload it onto the player web interface.

Note Note:
Using the Web Page layer won't work because the webkit process dealing with web content has limited resources allocated and lower priority - not enough for real-time rendering of that web page.

Display a web page

Usually, web pages are designed to be opened and used interactively within a browser - the user will scroll and click within the content to get to the information is looking for. Because of that, in most cases, web pages are not suitable to be shown on a digital signage screen, where people are just passing by and usually don't have any way to interact with the DS screen.

Scalable Vector Graphics format is generally better suited for displaying typical digital signage content than HTML is, so the HMP internal rendering engine has been optimized for SVG content, without a built-in web browser.

  • HMP300 and HMP350 players are able to understand HTML through a JavaScript library (Phantom.js), but whether a web page can be displayed depends on the complexity web page content - static and semi-static web pages can be displayed, while complex web pages might not work because they would require too many resources.
  • HMP200, HMP130, and HMP100 players don't have any support for displaying web pages.

Display static HTML content

If you want to display a static HTML page (like simple presentational websites) the best is to use the original file from your design application (e.g. Illustrator, Photoshop) and export it to SVG or save the graphical assets as PNG / JPEG images.

Static content can also be displayed using the web page layer, available starting with Elementi 2015 for HMP300 and HMP350 models.

An example of such static HTML page is this one: https://download.spinetix.com/content/elementi/weblayer/ .

Display semi-static HTML content

Add a Web Page layer

For semi-static websites, which combine HTML code, JS / CSS animations, and eventually simple Ajax calls, the solution is to use the Web Page layer, available starting with Elementi 2015 for HMP300 and HMP350 models.

Note Note:
Video content is not supported.

Display complex web content

Highly dynamic web sites, like those where all the content is generated through JavaScript, including the animations, might or might not be displayed through the web page layer mentioned above. That is dependent on the capability of the Phantom.js library used to render such websites and the amount of resources required in the process.

Note Note:
If the web page displays in Elementi, make sure to test it on the player as well because the player has limited resources comparing to the PC running Elementi. Video content is not supported.

Display data from a web service

If you want to display data from social networks, web services, APIs or similar sources, you can use the data feed feature - the HMP can connect to most data sources from the web using the data-driven widgets from Elementi.

You might want to check these tutorials as well:

Display data from a web page

If you want to display data some data from a web page and the data you are looking for is included into the page as pure text (and not generated upon rendering), you can use the data feed widgets from Elementi (or write some jSignage / JavaScript code if page is more complex) to retrieve the text content of the entire page, parse it (i.e. remove all the HTML tags and keep only the needed information) and display the results on the screen. The HTML table widget is an example of such customization of the existing data feed widgets.

This page was last modified on 26 August 2019, at 17:30.