Web content

From SpinetiX Support Wiki

Jump to: navigation, search

Introduction

When it comes to preparing content for the HMP, one of the frequently asked questions is "Can a web page be displayed on the HMP?" - before answering to this or similar questions, note you might not need to display a web page in the first place - make sure to check the common situations detailed below.

Some static and semi-static HTML pages can be displayed on HMP300 and HMP350. Note that some more complex web pages might not work. On HMP200, HMP130, and HMP100 models, it is not possible to display a web page.

The HMP internal rendering engine is based on SVG (Scalable Vector Graphics) which is better suited for displaying typical digital signage content than HTML is, so it's always better to create SVG content for the HMP than using HTML content.

Simple cases

Display a media from a web page

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

  • Download that image / video and import it into your project.
  • Display that image / video directly from the web server - for that, find the image / video address, add a media layer from the Edit panel, and enter the image / video address as the layer URI.

Display a video from YouTube or similar

Videos from public sharing websites, like YouTube, Vimeo etc., cannot be played by the HMP directly from the source because these sites are using streaming protocols that are not supported by the HMP.

The workaround is to download the video(s) locally (using browser add-ons, extension etc.) and then import the video into your project or upload it using the player web interface.

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.

Advanced cases

Display semi-static HTML content

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

Display complex HTML content

Dynamic web sites, like those where all the content is generated through JavaScript, including the animations, using the web page layer might or might not work, depending on the capability of the Phantom.js library that we use, to render them.

Sites that offer streaming content (e.g., YouTube) do not work because they require real-time rendering of the page, while the web page layer is updated only every two seconds.

Display data from a web service

If you want to display data from a web service / API / data source, 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 10 October 2017, at 10:39.