User guide

139
Chapter 11 – Presentation Properties
HTML Sites
Use this tab to add HTML5 sites to your presentation. You must add sites in this tab before you can use HTML5 states in
the Interactive Playlist. Click the Add HTML Site button and specify the following:
• Enable application cache: Check this box if you want to enable the application cache for HTML5 sites. This
allows the player to cache remote HTML content on the local storage. Note that an HTML5 site must be
configured properly for caching to work. Use the size dropdown menu to determine the maximum size of the
application cache.
• Enable Javascript console: Check this box to enable the JavaScript console for HTML sites. To access the
JavaScript console while the player is running, open a web browser on a device connected to the same local
network as the player. Then, enter the IP address of the player, followed by port number 2999 (for example,
“http://10.1.0.154:2999”). You will be able to inspect any page added to the HTML Sites tab, not just those
currently running
Note: You must use a WebKit-based browser (e.g. Chrome, Safari) to access the JavaScript console.
• HTML site name: The designation of the HTML5 site. You will use this name to select the site when creating an
HTML5 state.
• Local Content: Select this option if you plan on displaying HTML5 content using page and media files located
on the local storage of your computer. Click the Browse button to locate the .html file that you wish to display.
• URL: Select this option if you wish to play an HTML5 page from a web address.
Note: BrightSign XD players are not designed to be used as general-purpose web browsers. Many web pages
have elements that will not display correctly on a BrightSign player. Make sure to thoroughly test a web page
before using it as digital signage.
Automatically generate user variables for the selected data feeds
You can use Data Feeds to populate a set of User Variables for HTML5 pages. The User Variables can then be retrieved
using JavaScript. Use the <title> tag of the Data Feed to specify the Name of a variable and the <description> tag
to specify its default value.