4.6-HTML5

You can use the BrightSign XT, 4K, XD, HDx23, and HDx22 models to display HTML web pages, including video, image, text, and JavaScript elements. For a full explanation of how to create and publish HTML content for BrightSign players, please see the HTML5 Development section.

• State name: Specify a name for the HTML state.
• HTML5 Site: Select an HTML site from the dropdown menu. To populate this list with sites, navigate to File > Presentation Properties > HTML Sites.
• Enable external data: Check this box if your HTML page uses assets from multiple locations.
• Enable mouse and touch events: Check this box if you want to enable interaction with the HTML5 page (clicking on links, interacting with JavaScript elements, etc.). 
• Display cursor: Check this box to display a cursor whenever a USB mouse is connected to the player.
• Custom fonts: Click Add Font to add custom font files to the HTML page. Supported file types include TrueType Font (.ttf) and Web Open Font (.woff, .woff2). When the presentation is published, the font file(s) will act as though they are located in the same file directory as the index.html file (i.e. they can be accessed with the standard font-family attribute in HTML/CSS). If no custom fonts are specified, text in an HTML page is displayed using the default system font.
• Enable native video plane playback: Check this box to enable HWZ mode on all <video> elements contained within the page. This increases the frame rate and quality of HTML video playback, but can also cause problems with CSS page transforms and other page elements. By default, it will place the video on top of all other video and graphics in the presentation.
• Specify user stylesheet: Specifies a user stylesheet for the HTML page associated with the state. Use the Browse button to select the .css file you wish to utilize as the user stylesheet. Every HTML5 state can have a different user stylesheet, even if the states are being used to display the same HTML5 page.