10-中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG系

中国联通公司企业标准

QB/CUxxx—2010

中国联通家庭宽带多媒体应用业务平台技

术规范第十分册-EPG系统分册

（V0.3）

20010-0X-XX发布 20010-0X-XX实施

中国联通公司发布

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG系

统分册（V0.3）

目 录

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG系统分册（V0.3） .............. I 目 录 ............................................................................ I 前 言 ........................................................................... II 中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册（V0.3） .............. 4 1 范围 .............................................................................. 4 2 规范性引用文件 .................................................................... 4 3 缩略语和术语 ...................................................................... 4 3.1 缩略语 ........................................................................... 4 3.2 术语 ............................................................................. 2 4 EPG UI设计要求 .................................................................... 2 5 EPG系统功能要求 .................................................................. 2 5.1 系统架构 ......................................................................... 3 5.2 功能模块 ......................................................................... 4 6 EPG开发要求 ...................................................................... 9 6.1 开发总体要求 ..................................................................... 9 6.2 HTML标签 ...................................................................... 15 6.3 JavaScript ........................................................................ 15 6.4 CSS样式 ........................................................................ 16 附录A 浏览器默认CSS .............................................................. 16 附录B常用标签的使用 ............................................................... 17 B.1 多FRAME的支持 ................................................................. 17 B.2 TABLE标签的支持 ................................................................ 18 B.3 MAP标签的支持 .................................................................. 18 B.4 DIV元素嵌套 .................................................................... 18 B.5 IFRAME ......................................................................... 18 B.6 浏览器的标签容错性及建议 ....................................................... 19 附录C CSS中的单位................................................................. 19 C.1 尺寸 ........................................................................... 19 C.2 颜色 ........................................................................... 19

I

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

前 言

本技术规范是中国联通家庭宽带多媒体应用业务平台的EPG技术要求。

本技术规范主要在联通宽带多媒体应用业务技术规范总体规范内，对联通提供的电视互联网业务、IPTV业务的EPG UI设计、EPG系统功能要求、EPG开发使用的语言集、标签集等进行了规定。是EPG系统部署和开发的规范性文档。

本标准由中国联通公司产品创新部提出。

本标准负责起草单位：中国联通产品创新部 中讯邮电咨询设计院有限公司 本标准主要起草人： 金明晔 苗强 齐少安

本标准的修改和解释权属中国联通公司产品创新部。

II

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

修改记录 拟制/修改人 齐少安 拟制/修改日期 2011-02-12 主要更改内容 （写要点即可） 对6.1中的EPG开发总体要求的细节条目进行了补充。 涉及到HTML、Javascript、CSS的具体规定均参见盒端规范。 对文当中的EPG服务器、EPG页面进行措辞上的区分。 文件编号 版本号 更改理由 对细节部分进行了补充 V0.3 V0.3 齐少安 2011-11-01 V0.3 齐少安 2011-11-04 III

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG系

统分册（V0.3）

1 范围

2 规范性引用文件

下列文件中的条款通过本标准的引用而成为本标准的条款。凡是注日期的引用文件，其随后所有的修改单（不包括勘误的内容）或修订版均不适用于本标准，然而，鼓励根据本标准达成协议的各方研究是否可使用这些文件的最新版本。凡是不注日期的引用文件，其最新版本适用于本标准。

RFC2616: Hypertext Transfer Protocol RFC3275: Extensible Makeup Language W3C: Web Services Description Language

3 缩略语和术语 3.1 缩略语 缩略语 英文 中文解释 BMP CSS DOM EPG FTP HTML HTTP HTTPS BitMaP Cascading Style Sheets Document Object Model Electronic Programmer Guide File Transfer Protocol Hypertext Markup Language Hypertext Transfer Protocol Secure Hypertext Transfer Protocol Joint Photographic Experts Group Java Virtual Machine 位图 层叠样式表单 文档对象模型 电子节目单 文件传输协议 超文本标记语言 超文本传输协议 安全超文本传输协议 JPEG JVM PNG SOAP SSL TCP 联合图像专家组 JAVA虚拟机 便携网络图像 简单对象访问协议 安全套接层 传输控制协议 IV

Portable Network Graphics Simple Object Access Protocol Secure Sockets Layer Transmission Control Protocol 中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

缩略语 英文 中文解释 BMP URL XML

3.2 术语

BitMaP Uniform Resource Location Extensible Markup Language 位图 统一资源位置 可扩展标记语言 ? EPG：在电视机屏幕上展示的电子节目单。

? 浏览器：盒端的客户端程序，能够向业务平台发送请求，并接收EPG信息、多媒体内容和应用数据。通过电视屏幕，浏览器能够显示EPG信息，播放媒体内容和接入应用业务。

4 EPG UI设计要求

EPG设计的总体要求如下： （1）LOGO

在EPG首页呈现联通的LOGO，与牌照方的LOGO在顶端并列呈现。 （2）栏目

栏目划分上，EPG首页至少提供联通1/4-1/3入口位置；推荐专区文字位置至少提供联通一到两个固定入口位置；动态视频窗口如联通有重要内容需要展示，应给予呈现。

（3）布局

栏目布局上，不对联通与合作方的产品区域进行刻意分隔，从而在业务呈现上为用户营造统一、整体的感知。

（4）风格

各级EPG页面在布局、颜色、字体等方面保持风格一致，提供浮动、透明、半透明的风格，可通过滚动、九宫格等形式呈现。 5 EPG系统功能要求

EPG页面是家宽平台针对电视机终端的门户，主要为电视机终端提供家宽业务及内容的展示、导航服务，同时与内容分发系统（CDN）配合给电视机终端提供标清和高清的直播、点播、时移、回看等业务。

EPG系统需要提供以下主要功能：

（1） 数据处理功能：能够从外部系统接收EPG模板数据、编排关系数据和内容元数据，并

提供这些数据的本地管理；

2

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

（2） 业务导航功能：获取用户的业务请求，生成完整的EPG页面，并下发给用户终端，完

成业务的导航，引导用户使用家宽业务；

（3） 逻辑控制功能：配合家宽平台业务管理系统完成用户使用业务时的认证鉴权，并根据认

证鉴权的结果给予不同的用户提示。并且和内容分发系统CDN配合，完成用户观看音视频节目中的控制操作；

（4） 业务数据采集功能：采集用户访问EPG页面的业务数据，并上报给家宽平台业务管理

系统；

（5） 用户自服务功能：用户能通过自服务页面查询业务使用信息和业务订购信息； （6） 操作维护功能：提供EPG系统自身的管理功能。

5.1 系统架构 5.1.1 总体架构

家宽平台EPG系统整体上分为总部和省分两级架构。

总部EPG系统和省分EPG系统之间可以采用EPG模块数据和编排关系数据下发或页面跳转方式。

省分家宽EPG系统要求能够支持集中式部署和分布式部署两种方式。

采用集中式部署时，整个EPG系统在省中心节点部署，全省用户均通过访问省中心节点的EPG系统来获取业务。

采用分布式部署时，支持多级部署，包括边缘EPG服务器、区域EPG服务器和中心EPG服务器，各级EPG服务器之间建立依赖关系。当边缘EPG服务器无法服务时，可向上一级EPG服务器进行依赖。中心EPG在省中心节点部署，边缘EPG在地市中心或城域POP点部署。

家宽EPG系统总体架构如下图所示：

总部家宽平台集成播控平台业务管理系统中心EPG系统其他EPG制作及管理系统边缘EPG边缘EPG...边缘EPG

3

盒端

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

图 1：家宽EPG系统总体架构示意图

5.1.2 省中心EPG系统

省中心EPG系统负责从外部系统引入EPG模板数据、编排关系和内容元数据，通过处理后同步给所管辖的边缘EPG。

页面模板数据、编排关系的来源主要有三个：（1）总部家宽平台；（2）省级集成播控平台；（3）省级其它页面制作及管理系统。

内容元数据的来源主要有两个：（1）省级CMS；（2）省级其它内容管理系统。

中心EPG系统保存下属边缘EPG的信息，监控下属EPG的状态，并具有调度功能，接收首次登录用户的服务请求，根据边缘EPG的状态，通过负载均衡策略为用户调度合适的边缘EPG服务器进行服务。

中心EPG系统还负责收集下属边缘EPG的业务统计数据，并上传给家宽平台的业务管理系统。 中心EPG系统需要向家宽平台网管模块上报网管信息。

当某个区域或者EPG都无法提供服务时，中心EPG将负责为用户提供EPG服务。 5.1.3 区域EPG服务器

区域EPG从省中心EPG获取模板数据、编排关系数据、内容元数据等信息，并响应用户的请求，组装模板和内容元数据，生成EPG页面，并下发给用户终端。

区域EPG需要向中心EPG发送健康状态报告。 区域EPG需要向中心EPG发送业务统计数据。 区域EPG需要向家宽平台网管模块上报网管数据。

当某个边缘的EPG无法提供服务时，上一级区域EPG将负责为用户提供服务。 5.1.4 边缘EPG服务器

边缘EPG服务器从省中心EPG获取EPG模板数据、编排关系数据、内容元数据等信息，并响应用户的请求，组装EPG模板和内容元数据，生成EPG页面，并下发给用户终端。

边缘EPG服务器需要向中心EPG发送健康状态报告。 边缘EPG服务器需要向中心EPG发送业务统计数据。 边缘EPG服务器需要向家宽平台网管模块上报网管数据。

5.2 功能模块

EPG功能上划分内容展现模块、数据处理模块、调度服务模块和操作维护模块。

内容展现模块主要响应机顶盒的请求，根据用户的不同使用请求生成不同的EPG页面下发给用

4

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

户终端。同时内容展现模块采集用户使用EPG系统的各种业务数据，传送给家宽平台的业务管理系统，以生成所需的业务统计报表。

数据处理模块主要负责EPG页面模板数据、内容元数据的接收和处理的接收和处理。 调度服务模块主要负责EPG的状态监测和调度。 操作维护模块主要负责EPG自身的配置和管理功能。 EPG系统的功能模块如下图所示：

EPG系统内容展现模块操作解析与响应页面生成与缓存业务数据收集操作维护模块分组管理系统配置数据管理系统管理内容元数据同步状态监测网管数据采集 图 2：EPG功能模块示意图

5.2.1 内容展现模块 5.2.1.1 操作解析与响应

接收用户的业务使用请求，并对其进行解析和响应，根据不同的输入展示不同的页面，从而实现对用户操作的有效控制，具体功能有：

（1） 机顶盒请求获得EPG首页，EPG服务系统动态生成EPG首页下发给用户。EPG页面采

用HTML格式。

（2） 机顶盒请求获得业务入口的列表，包括：直播页面、点播页面、本地空间、游戏页面、

信息服务页面和自服务页面等的入口，EPG服务系统返回这些页面的主页链接，以满足用户一键切换的业务需求。

（3） 用户请求EPG服务系统的页面，EPG服务系统响应用户请求，下发响应页面内容。当

5

数据处理模块模板数据同步调度服务模块调度服务

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

用户请求访问某个具体内容时，EPG服务系统将用户请求重定向至内容分发系统，用户可以直接在内容分发系统访问内容或订购后使用该业务。

5.2.1.2 页面生成与缓存

根据用户的不同属性动态生成不同的EPG页面。当用户接入到EPG服务系统后，EPG服务系统根据用户类别信息，找到对应的页面模板文件以及内容元数据，动态生成与该用户相对应的EPG页面。

EPG页面是分页下发的，当机顶盒用户点击下一页的URL时，EPG模板中的动态脚本文件将完成以下功能：

（1） 向EPG后台发送请求，获取下一页所需的内容元数据。

（2） 将获取的后台元数据和EPG模板提供的页面风格CSS文件，拼装成页面文件，通过

HTML、Java Script、CSS、XML等标准协议或规范下发给机顶盒。

页面生成模块需要支持缓存功能，以提高浏览速度，实现页面的快速切换，确保用户的满意度。

5.2.1.3 业务数据采集

边缘EPG记录用户访问EPG页面的数据，并将数据定期，如：每天，传送给中心EPG系统，由中心EPG系统汇总后定期上报给业务管理系统，由业务管理系统或者统计服务器负责数据的统计分析。

5.2.2 EPG数据处理模块

EPG数据处理模块主要完成EPG模板数据同步、编排关系数据同步、EPG内容元数据同步功能。 5.2.2.1 EPG模板数据、编排关系数据接收

接收来自总部家宽平台、省级集成播控平台或省级其它EPG制作及管理服务器的EPG页面模板数据和编排关系数据，并进行存储。

EPG页面模板数据主要包含描述页面布局的模板文件、描述页面风格的CSS文件和页面包含的图片等。

需要支持以下两种接收方式：

? 定期批处理，如：每周、每天，到指定的目录下去更新EPG页面模板数据和编排关系

数据；

? 实时接收并处理来自集成播控平台或其它EPG制作及管理服务器的更新数据，对EPG

页面模板数据或编排关系数据进行管理操作，如：增加、删除、修改等。

6

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

5.2.2.2 内容元数据接收

接收来自CMS或其它省级内容管理系统的内容元数据，并进行存储。 内容元数据信息参见中国联通CMS规范。 5.2.2.3 EPG数据同步

完成省级家宽平台内各级EPG服务器数据的分发和同步。 需要支持灵活的分发策略，包括：

? 支持手动分发和自动分发；

? 指定地域分发，可以将EPG数据只分发到某些地区的EPG服务器； ? 定时/立即分发；

? 优先级分发，可以指定EPG数据的分发优先级，指定分发顺序。

5.2.3 调度服务模块 5.2.3.1 用户请求调度

在分布式部署时，中心EPG必须具有用户请求调度功能，中心EPG接收用户请求，并根据调度策略进行合理的调度，返回用户可提供服务的边缘EPG服务器的入口地址。

调度的依据主要有：边缘EPG的服务区域、终端的IP地址段（或用户所在的区域）、边缘EPG服务器的健康状态、边缘EPG服务器的负载状况等。

5.2.3.2 状态监测

状态监测获取当前各个EPG服务器的性能指标，主要包括：

? CPU负载 ? 内存负载 ? Web服务负载

5.2.4 操作维护模块

操作维护模块主要提供各级EPG服务器自身的操作维护管理功能，具体包括： 5.2.4.1 EPG分组管理

将各个EPG服务器进行分组，分组信息主要包括： （1） 分组编号 （2） 分组名称 （3） 分组描述 （4） 分组内站点名称

7

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

（5） 分组所支持的关联属性（如终端类型、支持行业、支持商户、用户类型、显示分辨率、

地区属性等）

分组管理主要实现对分组信息的增加、删除、更改、查询。用户请求调度模块将根据上述分组信息及认证返回的入口参数来分配合适的EPG服务站点。

5.2.4.2 EPG系统配置

对各个EPG服务器的配置进行增加、删除、修改、查询等操作，配置主要包括以下基本信息： （1） 站点名称 （2） IP地址 （3） 端口

（4） 服务区域信息（可选）

（5） 所属中心EPG服务器地址、端口 （6） 允许最大连接数 （7） 模板存放目录（可选） （8） 元数据存放目录（可选） （9） 日志存放目录（可选）

5.2.4.3 模板数据、编排关系数据和元数据管理

对EPG系统中的页面模板数据、编排关系数据、内容元数据进行管理操作，如增加、删除、修改、查询等。

EPG页面模板数据主要包含描述页面布局的模板文件、描述页面风格的CSS文件和页面包含的图片等。

内容元数据信息参见CMS规范。

模板数据和内容元数据管理功能还可以触发对某个模板、或模板中的某些页面，或者某个（些）内容元数据的更新，更新范围可以是所有EPG服务器或者某些EPG服务器，更新操作可以通过手工或者通过定义更新策略然后由系统自动完成。

5.2.4.4 系统管理

系统管理主要提供EPG系统自身的管理功能，如：

（1） 操作员权限管理功能，包括：操作员信息管理、操作员权限管理。 （2） 调度策略的设置。

8

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

（3） 日志的管理功能，包括：系统运行日志、操作日志的查询和备份功能。 （4） 系统数据的备份和恢复功能。

5.2.4.5 网管数据采集

各级EPG服务系统定期，如：每小时，向家宽平台网管模块上报系统的运行状况，如：CPU占用率、内存使用率、磁盘使用率、正在运行的应用进程等数据。

6 EPG开发要求

家宽平台的EPG页面通过HTML、CSS、JavaScript、DOM对象及家宽平台相关规范中定义的扩展JavaScript等页面技术实现，具体协议规定如下：

? 必须支持HTML 4.01；

? 必须支持CSS level 1和CSS level 2，可选支持CSS TV Profile；

? 必须支持JavaScript 1.5 (ECMA-262 Third Edition)，DOM Level 3 Core，DOM Level 2 HTML； ? FlashLite 3.0/3.1(Flash 8.0)，如果EPG采用Flash技术，必须采用Flash8.0版本。 6.1 开发总体要求 6.1.1 EPG页面

由于EPG是通过电视机进行业务展现，因此在EPG制作上也应与传统Internet上的网页有所区别。对于EPG的制作应遵循以下原则：

? 根据观看电视的习惯，EPG页面应尽量在屏幕上完整的显示，避免横向滚动；

? 能够在屏幕上清晰的显示文字，字间距和行间距适中，使用的字体和字号应至少能在2米

左右的距离，在4：3比率的21寸电视上清晰显示；

? 用户使用业务时，始终保持在同一个窗口内进行显示，不应弹出新的提示窗口（如通过

JavaScript的Alert、Confirm方法调用的确认类窗口）； ? 页面的主体和背景的对比度高，整体视觉效果好；

? 从业务首页到最后一级页面不要超过四级；Frameset,iframe建议级联深度不超过3层； ? 尽量减少页面全屏的的刷新，可以只刷新需要更改的部分来提高效率； ? 在页面中放置图片时，最好采用原始大小放置，不要修改图片大小； ? 页面设计中应尽量避免用户进行遥控器输入，而采用选择的方式完成操作； ? 页面中如果需要用到特殊的遥控器按键，必须在该页面中进行操作说明的提示； ? 建议使用单层平面结构，便于用户使用遥控器用上、下、左、右从直觉上控制。

9

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

? 当单层结构无法表达页面焦点逻辑时也可以有分层的结构。所有的界面的结构要统一，便

于用户从局部来推断出全局的操作方式；

? 界面设计应该一致地在类似的业务上使用相同的操作方式，以保证在业务展现及业务体验

上的一致性；

? 应在每个页面中设置默认焦点，以便用户能够在页面加载完毕后立即进行业务操作； ? 给出帮助文件并能让用户很容易的找到。务必避免选单太杂，或是使用难懂的设计隐喻或

是太多的隐喻；

? 出错及异常提示。对各种出错或异常状态给予用户一个友好的提示和帮助，并提示用户出

错或异常的原因；

? 界面设计应该允许使用者因过失操作错误中，而有回复的功能，使用户了解正确操作。 ? 信息呈现主要强调回馈性，包括视觉回馈、声音回馈等方面。

o 视觉回馈：一般常见的手法则是瞬间改变色彩变化，使得视觉产生落差。比如，采用

JavaScript控制页面元素按下后的图片切换、反色等操作；但是应该避免误用过多颜色而或扰乱使用者操作的显示。

o 声音回馈：能够在遥控器按下按键时，通过声音进行提示。比如，采用JavaScript控制

在遥控器按下上、下、左、右、确定等按键后播放提示音等；

? 当需要控制浏览器进行页面跳转时，指向页面（括CSS、JS以及图片等）的URL地址长度

最长不超过2048字节；

? EPG页面应使用【附录A】中给出的CSS作为默认页面显示效果；

? EPG页面元素通过table、from等元素的排列不应超过显示要求的宽度及高度，否则页面会

出现移动；

【注】机顶盒浏览器在显示EPG页面时也应与传统PC浏览器有所区别，在设计EPG页面时需注意以下事项：

? 浏览器在页面超出一屏的情况下不会出现上下或左右的滚动条； ? 浏览器默认底色应该为白色，即当页面被设置为透明时的显示效果；

? 当EPG页面未设置默认焦点时，浏览器会将默认焦点放置在屏幕左上角第一个能够被聚焦

的元素上；

? 当页面链接不可用时，浏览器会在10秒后通过友好界面提示用户，即HTTP连接的超时时

间被定义为10秒；

10

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

? 若EPG页面未采用CSS或其他方法对焦点框进行设置，则浏览器能够提供默认的焦点框用

于选中提示。焦点框应采用醒目颜色，可以使用户可以在3m外观察到焦点框的去向。 o 颜色：RGB - #FF8F1F o 粗细：3 像素

o 下拉列表元素选中底色：无需设置，保持原有颜色 o 下拉列表元素选中文字：无需设置，保持原有颜色

? 浏览器支持GIF（包括动态GIF）、JPG、PNG 格式的图片。且支持分辨率为720*576、352*288、

640*480的图形的缩放显示，图片上的每个象素至少支持16位彩色。 ? 浏览器在执行Javascript脚本遇到错误的时候，会终止脚本的继续执行； ? 不允许页面在设置元素的位置属性时出现“数值”和“px”之间插空格 ? HTML标签尽量成对出现。 6.1.2 分辨率

对标清页面输出应支持640×530的分辨率，对高清页面输出应支持1280x720、1920x1080。EPG页面在制作过程中，要求在页面Body元素中至少定义宽度与高度，且在style中必须添加background-Repeat:no-repeat属性，具体示例如下：

为了让机顶盒浏览器在高清EPG和标清EPG之间平滑切换，在EPG页面上增加meta通知一下页面大小。高清EPG页面写，标清EPG页面写。

6.1.3 字体字号

在页面制作时推荐使用px单位，因为px以像素为单位时，表达最准确。使用px 作为尺寸单位，不同浏览器在同一终端设备上显示差异最小。在EPG中使用的字体字号要求如下：

? 字体：黑体或宋体；

? 字号：像素28px以上的字号。

【注】在家宽中一个像素（px）被定义为，以1280*720为输出大小的屏幕上的构成影像的最小单位

页面制作过程中通常可以通过Font标签属性或CSS进行字体属性的设置，各种设置方式对应的

11

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

字体大小参见下表。

表1：HTML字体对照表

FONT SIZE 【Html】 字体大小 字间距 字高 行间距 1 13px 2px 13px 3px 2 15px 2px 15px 5px 3 18px 4px 18px 4px 4 21px 4px 20px 6px

5 30px 6px 28px 9px 6 32px 6px 29px 11px 7 36px 6px 33px 11px 表2：CSS字体及HTML Headings对照表

font-size 【CSS】 字体大小 Headings [HTML] 字体大小 xx-small 13px H6 15px x-small 15px H5 18px small 18px H4 21px medium 21px H3 30px

large 30px H2 32px x-large 32px H1 36px xx-large 36px 表3：ASCII字符显示对照表

FONT SIZE 【Html】 1 2 17px 2px 5px 8px 3 19px 3px 6px 9px 4 19px 3px 6px 11px 5 6 7 34px 4px 10px 19px 最宽字符【大写W】 14px 最窄字符【小写l】 2px 最窄数字【1】 最宽数字【2～9，0】 5px 7px 28px 30px 3px 8px 3px 9px 16px 17px 【注】对于ASCII部分的规则，由于英文数字字符属于变宽，所以统计值上仅仅为字符灰度部分的取值。对于字符的占宽其实还包括内边距、提升度、降低度等参数，暂时无法反映在该表中 除页面中一般文字的显示外，EPG页面中一些特殊状态下的文字在浏览器中的显示状态如下： ? 文字链接、选中状态文字、已选中状态文字等根据【附录 A】提供的CSS进行设置； ? 输入框中的文字颜色默认为黑色，字体为黑体，字号与页面默认字号相同； ? 页面中多个空格和回车显示为一个英文字符宽度空格； ? 每一个“&nbps”显示为一个英文字符宽

12

度的空格；

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

6.1.4 语言文字编码

页面制作过程中页面的字符集可以使用以下语言文字：

1. 英文字符（ISO-8859-1） 2. 中文GBK简体汉字 编码要求支持：

3. GBK 4. UTF-8

【注】如果字符集为中文集，则需要在标签中指定编码格式，外部css及链接文件采用同样编码格式。

6.1.5 图片格式

标清支持分辨率为720*576、352*288、640*480的图形显示，高清支持分辨率为720*576、352*288、640*480、1280x720、1920x1280的图形显示，每个象素至少支持16位彩色，建议支持到32位。

页面中应选择使用JPG、GIF、PNG、BMP格式的图片。

由于考虑嵌入式环境下资源有限，页面设计时应该注意以下事项：

? 尽量减少同一页面中动态GIF 格式的文件个数，由于动态Gif格式的图片通常由多个单帧

GIF图片组成，因此需要浏览器一次性载入多个图片，过多的动态GIF图片会影响浏览器性能。为提高页面显示性能，建议同一页面动态GIF 文件个数不要超过3 个；建议GIF动画图片不要设置为背景

? 在放置图片时，图片实际大小尽量跟页面设置的图片排版区域大小保持一致，否则会因图

片缩放导致显示性能的降低；

? 设置IMG 属性时，不要把高度、宽度设置为0，因为这样做不仅没有任何意义，而且还会

浪费浏览器的资源；

? 一个页面设置的图片总大小不要超过1M；

? 当标签中的图片地址不存在或由于图片过大导致下载过长时，直接显示页面背景色，

则无论该图片是否设置边框border属性默认边框均设置为0px；

? 当图片作为连接存在时，若页面没有设置默认的边框border属性则浏览器会将边框默认设

置为1px；

13

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

6.1.6 Cookie的支持

Cookie的格式需要符合RFC2109规范，另外EPG页面制作过程中在设置Cookie时还需要注意： ? 浏览器支持的cookie总数为30个，在同一个域下尽量避免使用超过5个Cookie。若同一个

域中设置Cookie超过5个或Cookie总数超过30个时，浏览器将自动删除最早的cookie； ? 单个cookie或一次设置的多个cookie的最大尺寸为4K（4096 字节）。 6.1.7 功能图标展示

EPG可以抑制盒端相关功能图标的绘制功能（声音、进度条等），EPG抑制盒端绘制功能后，相关功能图标由EPG进行绘制。

直播时移绘制进度条时，盒端从NTP服务器获取的为UTC时间，EPG在绘制进度条时获取盒端时间后，由EPG根据相应时区进行时间调整。 6.1.8 JavaScript注意事项

1. 建议不使用getElementsByName获取页面中的DOM对象；

2. 尽量不要使用无效的js代码，特别是业务有很多打印的js代码，例如alert、jsDebug等方

法；

3. 尽量将业务的代码精简化，特别是页面实现逻辑；

4. 尽量把核心的js代码放在框架网页中，经常频繁调用的js代码不要放在子页面中。 5. 由于各种类型的机顶盒浏览器以及机顶盒遥控器键值布局等方面存在区别，因此为兼容此

种情况并解决用于特殊情况下的紧急处理方案。建议页面开发人员使用JavaScript的navigator.appName来区分浏览器。根据实际情况要求可以为各款机顶盒分配不同的navigator.appName。示例代码如下：

6. 由于机顶盒资源有限，应注意页面中对象等所占用的内存大小，同一个页面中不建议使用

过多变量或递归函数的多次调用；

7. 对于JavaScript的方法来说，如果页面希望浏览器对此方法进行处理则该函数return true，

否则return false表示该方法由页面进行处理。

8. 对未定义变量使用typeof运算的结果是“undefined”（区分大小写） 9. 对于字符串变量的赋值时，引号之间的字符串不应换行 10. 对于键值捕捉的处理，给出示例代码（【注】本代码只做参考）：

14

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

// 响应onkeypress事件 window.document.onkeypress = function( keyEvent ) { keyEvent = keyEvent ? keyEvent : window.event; var keyvalue = keyEvent.which ? keyEvent.which : keyEvent.keyCode; } 【注】keyEvent.which为只读属性 11. 不能把event、window、document等此类的保留字做为函数名，以避免和event属性冲突。

比如这样的写法不合法（【注】本代码只做参考）： // 错误的用法 function event() { ………… } 12. JS代码中（包含页面总的JS代码）双引号不能嵌套，单引号也不要嵌套，但是交叉嵌套可

以；同时，在W3C中规定，引号内的内容不能够换行，比如（【注】本代码只做参考）： // 错误的用法 var errorExpression1 = \ var errorExpression2 = ?1?2?3?; var errorExpression3 = “aaaa bbbbb”; // 正确的用法 var rightExpression1 = ?1”2”3?; var rightExpression2 = “1?2?3”;

6.2 HTML标签

对HTML标签的要求请参考中国联通家庭宽带多媒体应用盒端规范。 6.3 JavaScript 6.3.1 内置对象

对JavaScript的要求要求请参考中国联通家庭宽带多媒体应用盒端规范。 6.3.2 HTML DOM对象

对HTML DOM对象的要求要求请参考中国联通家庭宽带多媒体应用盒端规范。

15

//双引号不能嵌套 //单引号不能嵌套 //引号内的内容不能够换行

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

6.3.3 家宽业务对象

6.3.3.1 Authentication对象

Authentication对象提供家宽业务鉴权过程所需的接口。详细定义参见《中国联通家庭宽带多媒体应用业务平台技术规范第五分册-与盒端接口分册》 附录D。 6.3.3.2 MediaPlayer对象

MediaPlayer对象为用户播放多媒体媒体内容提供了基本操作(播放，快进，跳转，暂停，停止等)。详细定义参见《中国联通家庭宽带多媒体应用业务平台技术规范-与机顶盒终端接口分册》 附录D。 6.3.3.3 Navigation对象

Navigation对象为浏览器提供了缺省的浏览方式。详细定义参见《中国联通家庭宽带多媒体应用业务平台技术规范-与机顶盒终端接口分册》 附录D。 6.3.3.4 Utility对象

Utility对象用于封装需浏览器整体支持、执行的属性和方法。详细定义参见《中国联通家庭宽带多媒体应用业务平台技术规范-与机顶盒终端接口分册》 附录D。 6.3.3.5 Event对象

Event对象事件接口提供获取机顶盒内部事件详细信息的方法。详细定义参见《中国联通家庭宽带多媒体应用业务平台技术规范-与机顶盒终端接口分册》 附录D。 6.4 CSS样式

对CSS样式的要求请参考中国联通家庭宽带多媒体应用盒端规范中的要求。

附录A 浏览器默认CSS

机顶盒浏览器应可以根据提供的默认CSS进行页面元素的显示，默认CSS示例如下： img{ border:0px; } body,div,p,font,span{ margin:0px; padding:0px; border:0px; display:block; font-size:20px; } body { background-color:#000000; } 16

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

a{ color:#ffffff; text-decoration:none; } a:link { color:#ffffff; text-decoration:none; } a:visited{ color:#ffffff; text-decoration: none; } a:hover{ color:#ffffff; text-decoration:none; } ol { display: block; list-style-type: none; } li { display: list-item; } frameset { display: block; position: static; float: none; border: none; } frame { border: none; } iframe { border: none; } noframes { display: none; } 附录B常用标签的使用

B.1 多FRAME的支持

17

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

浏览器支持多FRAME，注意事项说明如下：

a）建议FRAME 的嵌套不要超过3 层，不能循环嵌套（A嵌套B，B嵌套A）； b）页面FRAME 的总个数不要超过8 个（包括嵌套的FRAME）；

c）应该尽量避免预留给FRAME 的大小跟实际包含的页面内容大小不同，而造成滚动的情况； d）在设定子FRAME 的尺寸的时候，应考虑字体大小对实际显示尺寸的影响。如果预先设置的尺寸小于实际计算的尺寸，会造成子FRAME 的内部滚动。

e）当用户由一个有多Frame的页面跳转到一个无多个FRAME的页面，并跳转回原来存在多FRAME的页面时，浏览器可能会在某个FRAME中显示整个页面的内容，因此建议在页面跳转过程中通过” top.window.location”来进行页面跳转。

? 浏览器在同一个页面的多Frame情况下，所有页面应有且只有一个焦点 ? 浏览器在页面加载完毕时，应自动设置默认Focus

B.2 TABLE标签的支持

在页面制作过程中，如果存在多个Table的情况，那么需要注意各个Table及内部的TR、TD元素高度之和不应超过530像素。除此之外，还需要注意以下情况：

a） 为了效率考虑，TABLE的嵌套应在6 层以内；

b） 对于空行，如果没有指定行高，默认的行高是0。为了避免出现和自己预料不一致的情况，建议设定空行的行高。

B.3 MAP标签的支持

需要注意以下几点：

a）禁止多个IMG使用同一个MAP； b）一个页面不能出现同名的多个MAP； c）MAP 中不能嵌套AREA元素。

B.4 DIV元素嵌套

浏览器支持标签中设置的stype或样式，能够对中的标签也有效浏览器对该属性的实现为透明到视频层字体浏览器需要支持标签中设置的style或样式，能够对中的标签也有效。

B.5 IFRAME

Iframe所在页面的尺寸不应因Iframe的存在而超出一屏的显示，从而导致Iframe页面的滚动。标清中iframe大小不超过640*530，高清中iframe大小不超过1920*1080就可以，但必须设置将边框设置为frameborder=\， 滚动方式scrolling=\。Iframe内部页面的尺寸不应超出Iframe尺寸，从而导致Iframe内部页面的滚动，或视频显示不全。

18

中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

B.6 浏览器的标签容错性及建议

对于页面中出现的语法错误， 浏览器会尽可能的实现页面语意，但不能保证完全达到页面设计人员的目的。页面中常见错误有如下类型：

a）标签交错：两个标签的的起始和结束相互交错会造成解析上的错误并进而导致排版错误。（处理原则：如果中间出现标签未结束的时候，重新出现新的同一标签且标签头尾个数不匹配的情况，以首次出现的标签头及首次出现的标签尾为一个Block）；

b）热链接嵌套（处理原则同上条）； c）为提高效率，应避免使用空标签。

附录C CSS中的单位

C.1 尺寸

单位 % In Cm Mm 百分比 英寸 厘米 毫米 1em等于当前的字体尺寸。2em等于当前字体尺寸的两倍。例如，如果Em 某元素以12pt显示，那么2em是24pt。在CSS中，em是非常有用的单位，因为它可以自动适应用户所使用的字体。 一个ex既是一个字体的x-height。 (x-height通常是字体尺寸的一半。) 磅 (1 pt 等于 1/72 英寸) 12点活字 (1 pc 等于 12 点) 像素 (计算机屏幕上的一个点) 描述 Ex Pt Pc Px C.2 颜色

单位 (颜色名) rgb(x,x,x) 颜色名称 (比如 red) RGB 值 (比如 rgb(255,0,0)) 19

描述 中国联通家庭宽带多媒体应用业务平台技术规范第十分册-EPG开发分册

rgb(x%, x%, x%) #rrggbb RGB 百分比值 (比如 rgb(100%,0%,0%)) 十六进制数 (比如 #ff0000)

20

本文来源：https://www.bwwdw.com/article/y7j6.html