From SpinetiX Support Wiki
"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 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 or upload it onto the player web interface.
- Display that image directly from the web server - for that, find the image address, add a media layer from the Edit panel, and enter the image address as the layer URI. This approach is not recommended for videos.
Display web streaming content
Streaming content from sites like YouTube, Vimeo and others alike, cannot be captured and replayed on the HMP because the streaming protocols used are usually not supported by the HMP. Furthermore, these sites usually prohibit using their content (intellectual property rights, non-commercial usage etc.) outside their website or apps.
Using the Web Page layer doesn't work either 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
The HMP internal rendering engine has been optimized for SVG content, as Scalable Vector Graphics format is better suited for displaying typical digital signage content than HTML is, so there's no native support for HTML content, like a built-in browser.
- HMP200, HMP130, and HMP100 players don't have 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.
An example of such static HTML page is this one: https://download.spinetix.com/content/elementi/weblayer/ .
Display semi-static HTML content
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.
See more about the Web Page layer.
Display complex web content
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:
- RSS ticker tutorial to see how to display Google News as a ticker;
- JSON data feeds tutorial to see how to connect to a REST API based on JSON.
Display data from a web page