COMING SOON...
 
Related to SpinetiX ARYA  ENTERPRISE
 

This article explains how to use the Webpage layer in SpinetiX ARYA. The hardware backed Webpage layer feature in SpinetiX ARYA increases your creative options and brings powerful content development tools to a familiar and intuitive setting.

With the Webpage layer feature, SpinetiX ARYA allows you to display HTML pages that feature video, images, text, and other dynamic content such as JavaScript elements. You can display webpages as part of your screen content in full-screen or as a layer part of a broader screen-content composition.

Tip: The feature is especially useful when aiming to display HTML content made for the purpose of signage (e.g. 16:9 aspect ratio, not password protected, etc.) This includes menu boards, public transportation feeds, room reservation screens, publicly accessible KPI dashboards, HTML video, webcam feeds and many more.
Note: In the context of professional digital signage, there are some particularities to be aware of. For more details, please refer to the HTML Best Practices article.

 

Using the Webpage layer in SpinetiX ARYA:

  1. To access the Webpage layer feature, first log in to your SpinetiX ARYA account and click CREATE. 
     spinetix-arya-menu-screen.png

 

  1. Click on an existing template project under TEMPLATES or click on the CUSTOM tab to start a new project.
     spinetix-arya-rss-news-template-selected.png

 

  1. Click the Webpage layer button (webpage-layer-button.png) to the right of your canvas. This adds a new layer containing a placeholder where your website would go which you can resize and reposition as desired.
      spinetix-arya-webpage-layer-rss-news-with-layer-on-top.png 

 

  1. Add the URL of the page you would like to display in the provided URL field.

    spinetix-arya-weather-template-webpage-layer-url-field.png
    WARNING: A preview of the webpage is not possible. However, it will likely still be shown on the player. We advise you to visually inspect the screen content with the help of a test display or by checking the Live View once you publish on your player. For more details, please refer to the HTML Best Practices article.

 

  1. If necessary, choose the desired width of your HTML content by selecting it from the HTML Content Width drop-down field. By default, the width is set to be the actual pixel width of the layer.
     frame-width-field-arya.jpg
    Tip: The HTML Content Width field in SpinetiX ARYA is especially useful when your HTML content was not designed for digital signage. It allows you to declare a specified width to that webpage. If the website was developed to be responsive in the specified width, it will display in that width. This helps you to match your webpage content to best fit your display's resolution.
    Note: A responsive website adjusts its HTML content based on the type of device it is being viewed on. Think of the difference when viewing a webpage in a browser on your PC versus looking at it on a smartphone. 
      html-content-in-PC-browser-vs-mobile-display.jpg
    Notice that while the content remains the same, what you see on different screen sizes varies.

    In simple terms, changing the HTML Content Width gives you a similar effect as zooming in on or out of a webpage on a browser.
      webpage-with-content-at-50-100-percent-zoom.jpg
    To learn more about adapting your HMTL content for any screen size, please refer to the HTML Best Practices article.

 

  1. You can now arrange the Webpage layer as you wish – put it on top or behind other layers, resize, reposition it, make it appear as full-screen, or as part of a broader composition.

    In this example, we place the Webpage layer containing a webcam feed next to a Weather layer. However, possibilities are virtually limitless.
      move-resize-webpage-layer-in-spinetix-arya-webcam.png
    Tip: If the webpage you want to display supports anchors, SpinetiX ARYA allows you to set the Webpage layer’s scroll position to a predefined location in the web page you want to display. For more details, please refer to the HTML Best Practices article.

 

  1. Send the content you created to your player to have it appear on your display following these instructions.
     screen-content-ready-to-publish-to-digital-signage-player-webcam.png
    Tip: We recommend that you always visually inspect the HTML content as it appears on your display before releasing it for audience consumption. For more details, please refer to the HTML Best Practices article.

 

  1. This is how easy it is to put webpage content on a digital display using SpinetiX ARYA

    final-screen-content-on-screen-webcam.png
    Note: Only HMP400/W and selected partner players support the Webpage layer feature in SpinetiX ARYA. For more details, please refer to the HTML Best Practices article.

 

Comments

0 comments

Please sign in to leave a comment.

Was this article helpful?

1 out of 1 found this helpful