CE-HTML

CE - HTML is a language for creating user interface pages for consumer electronics (Consumer Electronics or CE ) devices such as televisions.

CE-HTML is part of the CEA- 2014 standard ( Web4ce ), which was defined at the Consumer Electronics Association.

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 extensions to the CE devices.

History

CE-HTML was at the Consumer Electronics Association R7WG9 working group - consisting of a number of CE manufacturers - formulated the problem of rendering HTML (Internet ) content on a device that is not the characteristics of a typical personal computer has to generate an answer.

CE devices have problems with the presentation of web pages if they show the following typical features:

  • Include small fonts and images that are not readable from a distance
  • Only with mouse or keyboard but not navigable with the remote control
  • Have no highlight on the navigable elements
  • Use non-compatible browser extensions ( DOM-0/Legacy-DOM )
  • Need Nicht-Standard-Audio-/Video-Objekt-Codecs
  • Use proprietary - not CE compliant - extensions such as Adobe Flash

Application

CE-HTML code is applied in increasingly different Standardsierungsorganisationen such as the Open IPTV Forum ( OIPF ). CE-HTML is used in practice, for example, TVs with HbbTV and / or Internet Protocol Television (IPTV ).

Philips has already launched its first television sets that use the CE - HTML standard with so-called Net TV function in April 2009 in Europe on the market.

Example of CE - HTML:

< DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN " " ce -html -1.0- transitional.dtd " > CE-HTML </ title> </ head> <body onload="document.getElementById('myvid').play(1);"> CE-HTML a / v object: <br/> <object type="video/mp4" id="myvid" data="myvideo.mp4" width="640" height="480"> </ object> </ body> </ html> References </p> </section> <section class="relLinks"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- memim 1 wide adaptive --> <ins class="adsbygoogle" style="display:block;clear:both;" data-ad-client="ca-pub-8545452838648870" data-ad-slot="6796476374" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <a href="/document-object-model.html">Document Object Model</a> </section> <div class="comments"> </div> <section> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-8545452838648870" data-ad-slot="9697283175"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </section> <span style="font-size:.5em">171583</span> <div class="share_buttons"> <div class="addthis_sharing_toolbox"></div> </div> </main> </div> </td></tr><tr><td id="footer"> <div class="aligner"> <footer class="mainHolder" style="text-align:center;"> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank rel=nofollow><img src='//counter.yadro.ru/hit?t18.5;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> <br /> memim.com 2024<br /> All rights reserved<br /> <span style='font-size:0.5em'>Page generated in 0.0112<br /></span> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5093bb6e1c1ddca0"></script> <script> function jr(ready){ if(window.jQuery){ //ready(); }else{ setTimeout(jr,100,ready); } } jr(function() { $(".imagesHolder img").each(function () { var i=$(this); console.log(i.attr('src')+' '+i.width()+' '+i.readyState); //$(this).remove(); }); }); </script> </footer> </div> </td></tr></table> <span style="font-size:.3em">de</span> </body> </html>