CE-HTML

CE-HTML is part of the CEA-2014 standard (also referred to as "Web4CE" which is short for Web for Consumer Electronics), defined within the Consumer Electronics Association (CEA).

Features

CE-HTML consists of the following internet languages:

• ECMAScript 262, 3rd edition
• XHTML 1.0 transitional/strict
• CSS TV Profile 1.0
• XMLHttpRequest object
• DOM level 2.0 (Core, Style, Events, HTML)
• a number of specific extensions for CE devices.

CE-HTML can both be used in-home through UPnP as via the Internet. It allows the content creator to use the common and known languages in the web to define a user interface that can be controlled on a CE device. A CE-HTML client typically consists of a web browser adapted for the CE-HTML standard running on a consumer electronics device. CE-HTML offers specific extensions for these browsers such as :

• Multi-tap or other CE-specific alpha-numeric input support, by making use of the CSS3 input-format tag.
• Media (audio/video) playout through the use of an audio/video scripting object.
• Operation via remote control (spatial navigation) using the up, down, left, right and OK keys
• Client capability matching – to match the client capabilities to the user interfaces that the server offers. For this purpose, each CE-HTML compliant client is making use of a capability profile. This profile, placed in the user-agent string of the client, lets the server know what part of CE-HTML is supported by the client. The server in turn transmits its capabilities in a so-called "XML UI Listing" so the client can choose between the various CE-HTML user interfaces the server offers.
• User interface profiles for usage on CE devices such as a television. These are predefined capability profiles on which a CE-HTML client can base its capabilities. They define e.g. the fonts supported, screen-size of the device and the media that is supported by the a/v scripting object in the device. All profiles are based on a 10-foot user interface.
• Third-party notifications which allow a client to poll for messages from an external server, and display these to the user regardless of the currently displayed user interface.
• A specific new MIME-type for CE-HTML content: "application/ce-html+xml".

Typical CE-HTML code looks like this:

<span id="mwcQ"></span><span class="cp" id="mwcg"><?xml version="1.0" encoding="UTF-8"?></span> <span class="cp" id="mwcw"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span class="cp" id="mwdA">"ce-html-1.0-transitional.dtd"></span> <span class="p" id="mwdQ"><</span><span class="nt" id="mwdg">html</span> <span class="na" id="mwdw">xmlns</span><span class="o" id="mweA">=</span><span class="s" id="mweQ">"http://www.w3.org/1999/xhtml"</span><span class="p" id="mweg">></span> <span class="p" id="mwew"><</span><span class="nt" id="mwfA">head</span><span class="p" id="mwfQ">></span> <span class="p" id="mwfg"><</span><span class="nt" id="mwfw">title</span><span class="p" id="mwgA">></span>CE-HTML<span class="p" id="mwgQ"></</span><span class="nt" id="mwgg">title</span><span class="p" id="mwgw">></span> <span class="p" id="mwhA"></</span><span class="nt" id="mwhQ">head</span><span class="p" id="mwhg">></span> <span class="p" id="mwhw"><</span><span class="nt" id="mwiA">body</span> <span class="na" id="mwiQ">onload</span><span class="o" id="mwig">=</span><span class="s" id="mwiw">"document.getElementById('myvid').play(1);"</span><span class="p" id="mwjA">></span> CE-HTML a/v object:<span class="p" id="mwjQ"><</span><span class="nt" id="mwjg">br</span><span class="p" id="mwjw">/></span> <span class="p" id="mwkA"><</span><span class="nt" id="mwkQ">object</span> <span class="na" id="mwkg">type</span><span class="o" id="mwkw">=</span><span class="s" id="mwlA">"video/mp4"</span> <span class="na" id="mwlQ">id</span><span class="o" id="mwlg">=</span><span class="s" id="mwlw">"myvid"</span> <span class="na" id="mwmA">data</span><span class="o" id="mwmQ">=</span><span class="s" id="mwmg">"myvideo.mp4"</span> <span class="na" id="mwmw">width</span><span class="o" id="mwnA">=</span><span class="s" id="mwnQ">"640"</span> <span class="na" id="mwng">height</span><span class="o" id="mwnw">=</span><span class="s" id="mwoA">"480"</span><span class="p" id="mwoQ">></</span><span class="nt" id="mwog">object</span><span class="p" id="mwow">></span> <span class="p" id="mwpA"></</span><span class="nt" id="mwpQ">body</span><span class="p" id="mwpg">></span> <span class="p" id="mwpw"></</span><span class="nt" id="mwqA">html</span><span class="p" id="mwqQ">></span>