Cisco Cisco StadiumVision Mobile Streamer Maintenance Manual

Page of 52
Page Refresh Behavior
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.
Animations and Add-on Libraries
This section outlines some general rules about support for animations and
add-on libraries for the WebKit engine on the SV-4K . Please note that
performance is not guaranteed or tested for external web content. External
web content can negatively impact the operation of your DMPs.
Vector Animations
The SVG protocol should be used to specify vector animations.
Bitmap Animations
Bitmap animations display smoothly when they are 1/3 or less of a 1080p
HTML canvas. Setting the canvas size to 720p allows for larger high-
quality animations to occupy the screen.
CSS Transforms
All CSS transforms should be specified as WebKit transforms. When
performing a transform on a <div> or graphics element, we do not
recommend specifying the transform in-line.
The following code shows an example of an effective CSS transform for
the SV-4K:
<style>
.flipme{
37 of 42