How to show a webpage on your digital signage display

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

With the Webpage app 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 app part of a broader screen-content composition.

Using the Webpage app in SpinetiX ARYA:

1. To access the Webpage app feature, first log in to your SpinetiX ARYA account and click CREATE. 
   
    
2. Click on an existing template project from the Templates page or start a new project.
   
    
3. Click the Webpage app button () 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.
      

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

   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.

5. 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.
   

   Tip: The HTML Content Width field in SpinetiX ARYA is especially useful when your HTML content was not designed for digital signage.
   Note: A responsive website adjusts its HTML content based on the type of device it is being viewed on. 
   
   

6. You can now arrange the Webpage app 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.

   Tip: If the webpage you want to display supports anchors, SpinetiX ARYA allows you to set the Webpage app's scroll position.

7. Send the content you created to your player to have it appear on your display following these instructions.
   

   Tip: We recommend that you always visually inspect the HTML content as it appears on your display before releasing it.

▶️ Displaying HTML video (YouTube, Vimeo, and more)

The Webpage app feature in SpinetiX ARYA enables you to display HTML video at up to 30 frames per second and up to 4K resolution, including video hosted on online platforms such as YouTube and Vimeo.

To do this, you need access to the properly formed URL of the video you want to display. The video platform itself (YouTube, Vimeo, etc.) determines how the content is rendered and which playback options are supported when the video is displayed on your screen.
 
 

https://www.youtube.com/embed/{VID}?playlist={VID}&autoplay=1&rel=0&controls=0&showinfo=0&loop=1 

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