Assumed Knowledge, and Supported Features
The developer is expected to have a basic-to-intermediate level of understanding of web technologies before beginning development. This article is designed to give a brief overview of some of the basic web development concepts which should be understood before constructing an application.
- Back-end Langauges (PHP, Node.js, etc.)
The CloudTV Platform supports many of the old HTML tags as well as the newer HTML5 tags. The new <video> and <audio> tag elements will likely be the most featured within your CloudTV application as they provide a relevant and rich television experience. Most video formats are supported. The recommended containers are MPEG2 or H.264. MKV file format is not supported. For a more extensive list of supported media types, please refer to the downloadable article below, "CloudTV H5 Support."
As you may guess, the <canvas> tag element requires large bandwidth usage and is often unsuitable for a CloudTV application.
CSS 3D is not supported at this time.
When considering design and CSS, always keep in mind that current focus is very important, so focused items are always pronounced with a "chaser." A chaser is normally in the form of either a very noticeable border or a highlighted color change of an object or button. For a web application, the cursor is normally available to you, but for CloudTV a chaser is necessary to distinguish the current focus.
CSS has become the backbone for styling of HTML content. CloudTV allows for the addition of both inline and external loading of CSS. Reference sites include these:
In many ways developing a CloudTV application is easier than developing for the web because you don't have to worry about the compatibility layers or coding for different web browsers. If it works on the platform, it works! We realize that developers like to use scripting libraries to aid in the development process, but look for libraries that do not contain workarounds for old web browsers. You can use the jQuery.js, but that library contains layers of unnecessary compatibility. We suggest using zepto.js as an alternative because it downloads and executes fast.
Building applications can be so simple that you will not need to use libraries.
The most common Document Object Model (DOM) event that is relevant to CloudTV applications is the "keydown" event. With CloudTV applications, often there is only a remote control to navigate your application. This makes the up, down, left, right keys on a remote necessary for even the most basic navigation.
So you will need to add an event listener to the window and a function that handles the event.
For more information on Supported Features please reference the CloudTV H5 Support document available for download below.