Cisco Cisco StadiumVision Mobile Streamer Maintenance Manual

Follow these steps when creating HTML5 content :

1. Make sure the HTML5 page has the same aspect ratio as your signage display. If

you are displaying HTML5 content in a widget that is smaller than the screen, fit

the page to the same aspect ratio as the widget.

2. Use a master Div aligned to 0,0 when building an HTML page. This will ensure

correct alignment.

3. You can use GPU rasterization to improve HTML graphics performance in most

cases, though this method increases GPU memory usage substantially. You can

use either of the following methods to enable GPU rasterization:

HTML: Add the following meta tag to your HTML page(s):
<meta name="viewport" content="width=device-width,
minimum-scale=1.0">

NOTE: The rendering engine may not enable GPU rasterization
if it determines that the page is not compatible.

Every time a page is refreshed, the player will retrieve all page elements again (without

caching them). If the page is being hosted on a remote server, the page elements will

be loaded as they arrive over the connection, resulting in poor aesthetics for pages that

are frequently refreshed.

For pages that will be refreshed often, we suggested that you include code (JavaScript,

Ajax, etc.) ensuring that only dynamic elements on the page will be reloaded when the

page is refreshed.

This section outlines some general rules about support for animations and add-on

libraries for the WebKit engine on the media players. Please note that performance is

© Cisco Systems, Inc. All rights reserved.

43 of 48