IPTV领域EPG制作的注意事项

IPTV领域的EPG，多用于电视上网浏览。嵌入式浏览器的性能限制和电视机的显示特性，造成它与PC上的页面有很多不同。同时，EPG作为使用者 直接接触的环节，其制作水平对IPTV系统的整体性能表现有着巨大的影响。 我从事嵌入式浏览器研究，也见过很多水平不一的EPG作品，从其中总结了一些IPTV领域EPG制作需要注意的事项，并将逐步增加。

1.CSS属性定义
   如 果使用CSS属性定义，推荐使用嵌入样式表的方式。即在HTML文档中的BODY标签之前定义<style type="text/css">...</style>。CSS属性定义的另外两种方式都不是很适合在IPTV领域使用： 1）链接外部样式表方式，在网络状况不稳定等情况下，导致整体网页解析速度很慢； 2）内联样式定义方式，导致浏览器在解析HTML文档的过程中，频繁切换CSS解析模块和HTML解析模块，尤其在这种定义较多的情况下，特别影响网页解 析速度。

2.背景图片的使用
   应避免使用小图片大量平铺的方式来定义背景图片。大量的repeat工作，会使浏览器变得很慢。

3.链接
   嵌入式浏览器中，对图片链接，会在图片周围加一个黄框表示焦点位置；对文字链接，会在文字所在区域加黄色底色来表示焦点位置。所以如果链接面积很大，呈现在页面中的效果是很难看的。建议在页面中，限制图片链接的尺寸，对文字链接，也定义背景图片来提示焦点。

4.页面信息量的控制
   在新闻页面或其它一些航班查询等页面，容易出现信息量过大的情况。页面总体高度很大，浏览器上下滚动比较费时，用户看起来也很吃力。建议分成多页显示。

5.视频引导页面
    当用户点击视频播放按钮后，EPG将开启一个视频引导页面，在该页面中使用onload调用播放器播放视频节目。该引导页面，在没有背景颜色的定义时，会造成视频播放前的白屏现象。建议在该页面的body标签内定义背景颜色为黑色。

6.页面中INPUT标签的位置
   应避免将INPUT标签放在页面中第一个焦点所在的位置。在嵌入式浏览器中，当遇到INPUT标签,会自动打开输入法窗口。如果页面刚呈现出来就有输入法窗口在那摆起，页面的整体效果当然很难看。

7.避免使用宽度为1px的细线
   宽度为1px的细线，在电视上显示会出现抖动。比如图片中的某一部分使用到了金属拉丝效果，同样会产生抖动。

8.颜色的使用
    一些颜色的重叠使用，会造成电视上显示的抖动。比如蓝底黄字、蓝底红字。

9.marquee的使用
    marquee是字幕滚动效果最简洁的实现方式。但是同一个页面内使用多个marquee标签，会对嵌入式浏览器的刷新机制造成挑战，而出现滚动内容显示闪烁或内容滚动过程中一走一停顿的现象。同时，页面滚动的东西太多，给人杂乱无章的感觉。

10.字体的使用
    嵌入式浏览器对文字的字体和大小的支持是有限的，通常只支持一种字体，几种大小的字号。这是由嵌入式系统资源有限造成的。字库分为两种：点阵字库和矢量字 库，前者不能放大，一个字库只支持一个大小的字号；后者能够随意放大，一个字库可支持所有大小的字号，但是非常占用空间。嵌入式浏览器通常使用几个常用大 小的点阵字库以节省空间。建议EPG制作者使用黑体，不要使用太多的字号。

11.透明效果的使用
   在视频节目播放过程中，使用局部网页提示一些信息的效果很炫。即网页body的背景透明，只在页面某一处有一些页面元素不透明，形成局部的提示信息。

12.body背景色的使用
   页面默认的body的背景色为白色，在不同页面切换的过程中，会在一定程度上给用户一种白屏闪烁的不好效果，所以给页面body定义一个和该页面整体颜色相近的背景颜色可以有效缓解这个问题。

13.页面嵌入小窗口视频
   页面嵌入小窗口视频，给人不错的感觉。但是不要让视频片段的内容跟随焦点的变换而变换，这样频繁的操作，需要播放器的不停的切换片源和退出，这些都需要一定的时间，所产生的效果反而不佳。

14.代码的精简
   任何冗余代码，都要浏览器去解析执行。table的层层嵌套，iframe的层层嵌套等等，都会影响页面的呈现速度。嵌入式设备使用的EPG，应该力求代码简洁规范。

15.页面编码
   页面编码混乱，就需要浏览器进行容错，降低了效率，并且很容易出错。在页面内指定编码格式是个不错的习惯。

16.汉字路径的使用
   文件路径中最好避免使用汉字路径，汉字容易造成编码问题。如果浏览器没有实现对汉字路径的支持，会造成某些文件无法正常访问。