HTML5 State

the html5 state allows you to display html web pages, including video, image, text, and javascript elements note that html video content will play even if it is embedded in an image zone for a full explanation of how to create html content for brightsign players, please see the html development docid\ xa pfjbjn 4gm f kww k section brightsign models 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 state properties name the name of the html5 state initial state select this to make this state the home screen source site name specify a name for the html site the site name must be unique within the presentation site source select a source for the html site components display an html page that is stored on your bsn content cloud network this option is only available if the storage selector is set to bsn cloud content if you need to add the page to your bsn cloud network, go to the content docid\ gpjwf1lnjhau eqzjmfuq tab first url display an html page from a remote url local site include the html page with the presentation files this option is only available if the storage selector is set to local content you will be prompted to locate and select the html file that you wish to display query string (optional) enter a query string to be appended to the site url using the following format http //www example com/over/there?my query string the url and query string fields accept variables docid\ a6ali6u szxhuansk6t3 to specify a variable, enter the name of the variable between two sets of braces the variable value can be either standalone (e g , {{my variable}} ) or part of a static value (e g , http //www brightsign biz/{{my variable}} ) options use the following checkboxes to enable optional, advanced features associated with the webpage enable brightsign javascript objects enables brightscript javascript objects docid\ urrxhu7l v9ea zhy0jv3 for the html page enable cross domain policy checks enables chromium security checks for cross origin requests ignore https certificate errors instructs the state to ignore security errors when connecting to insecure https hosts enabling this feature makes the player insecure; it is not suitable for production environments and should only be used for testing enable camera enables webpage access to usb cameras connected to the player (access is disabled by default) this allows support for webrtc applications enable mouse and touch events enable user interaction with the html page (clicking on links, interacting with javascript elements, etc ) display cursor displays a cursor whenever a usb mouse is connected to the player enable native video playback enables hwz video docid\ e6ujleh69q0jmmv8kytrp 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 video on top of all graphics in the presentation and set the video mode docid\ v evnmu6c7k5nhuns86qt of all \<video> elements to scale to fill docid\ v evnmu6c7k5nhuns86qt enable native chromium video playback this feature is only available for xc5 players and allows users to use chromium’s video player instead of brightsign’s video player that is based on mpv software note that some features will only work when using brightsign’s video player (like synchronization), but for customers trying to play stock websites and not html content custom developed for brightsign, the chromium video player will act more like chrome on a desktop enable javascript console enables the web inspector docid 4qlk1krr1cnx7xypwxry5 for html sites in the presentation for security reasons, enable javascript console should only be used in non production presentations make sure to disable javascript console before publishing to a production environment in the chromium version found in bos 8 5 and beyond, the javascript console will log information in memory even when you are not connected to the inspector this will consume memory until the player runs out, which will result in a crash to enable the javascript console in bos 8 5 31 and above, you will need to either set the enable web inspector registry key (in the "html" section) to enable the javascript console (see the "inspector server" in rohtmlwidget docid\ xljq5 yhdma2ssmpzimtk for more info) enable "chromium debugging" in the brightsign author ( brightauthor\ connected) rdws (with brightsign author version 1 7 11 and above) or the ldws sites from urls share storage html widgets that display file urls will share the same storage database sites from local disk share storage in os 8 2 55 4 and later, html widgets that are loaded from http/https protocols do not share the same local storage database (html widgets that are loaded via file protocol act as they did previously) this flag allows html widgets loaded via http/https protocol to share local storage if they are loaded from the same domain notes this section lets you store important information about the html5 state for future users it can be modified at any time advanced this section lets you add commands to your presentation to extend its functionality see commands & conditional targets docid\ az1ytdteyh zp2dbg lbl for more information using html5 states to add an html component to your presentation either select an external website to display, or upload an internal website to the content library (by going to the content drop down and selecting new component > upload html site ) select and drag the html widget to your canvas you will see a red dot on the widget, which indicates that some state properties docid\ akrm58nds bn6ayhwzrax need to be filled in fill them in depending on what you want to display now connect other events to the html state as desired example this tutorial video shows you how to add weather and time information to a presentation using an html widget